본문으로 건너뛰기
cccskills

Remotion

@remotion-dev

Remotion 공식조직

Make videos programmatically

스킬 151개저장소 11개 7.2만

스킬(151)

검색에서 좁히기

issue-management

Remotion 공식무료

Organize GitHub issues using parent and child relationships and links showing which tasks must finish first. Use gh CLI to create, change, remove, and inspect relationships, including links across repositories.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Breaking a large issue into linked sub-issues
  • Recording which issues must be completed first
  • Linking dependent issues across repositories
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

add-webcodecs-bug

Remotion 공식무료

Add browser WebCodecs bugs to the Remotion Mediabunny documentation. It checks the linked issue’s title, filing date, reporter, and resolution, then adds a table row while preserving the existing format.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Adding a Chromium bug to the documentation
  • Recording WebKit or Firefox issues
  • Checking reporter details and fix status before adding a row
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

remotion-markup

Remotion 공식무료

Create video scenes in Remotion using React, with guidance on frame-based animation, media placement, and timing. It also points to references for effects, transitions, fonts, and other features, plus ways to preview the results in Studio.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Animating titles and subtitles
  • Combining video, audio, and images
  • Adjusting layer timing and trimming
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

add-expert

Remotion 공식무료

Add a person to the Remotion experts page by placing their portrait, entering their profile and contact links, and generating an expert card image. The instructions specify file locations, profile fields, and how to verify card generation.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add a new person to the Remotion experts page
  • Register a portrait, specialties, and contact links
  • Generate an expert card image
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

add-cli-option

Remotion 공식무료

Add a Remotion command-line or configuration option, or convert a hardcoded flag into a shared option definition. Connect parsing, configuration setters, help entries, and generated documentation so the option is consistently available and documented.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add a new Remotion command-line flag
  • Convert a hardcoded flag into a shared option
  • Connect an option to Config setters
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

remotion-multimedia

Remotion 공식무료

Use Mediabunny, a browser library for audio and video, to read basic media properties. This skill directs you to guides for retrieving audio duration, video duration, and video width and height.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Retrieving an audio file's duration in seconds
  • Retrieving a video file's duration in seconds
  • Retrieving a video's width and height
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

docs

Remotion 공식무료

Launch the Remotion documentation site locally and open it in the Codex in-app browser. The workflow installs dependencies, builds the project, starts Docusaurus, and reports the actual preview URL and server status.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Launch the local Remotion documentation site
  • Preview documentation changes in Docusaurus
  • Open the documentation preview inside Codex
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

remotion-studio

Remotion 공식무료

Start Remotion Studio and open a browser preview while creating or editing a video. Keep the preview visible during work so users can review changes and guide adjustments as the composition takes shape.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Previewing a Remotion video during creation
  • Reviewing changes while editing a video
  • Opening Studio in an in-app browser
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

add-sfx

Remotion 공식무료

Add a new sound effect to @remotion/sfx, from registering the audio file to exporting its URL and documenting its use. The workflow covers playback examples, attribution, navigation entries, waveform generation, and the package build.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add a sound effect to @remotion/sfx
  • Create documentation with playback and usage examples
  • Update sound effect navigation and waveform data
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

convert

Remotion 공식무료

Launch the local Remotion Convert app and open it in the Codex in-app browser to inspect its interface. The workflow prepares dependencies, builds the project, starts the development server, and reports the actual local URL.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Launch convert.remotion.dev locally
  • Inspect the Convert interface in the Codex browser
  • Check the local server URL and startup status
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

experts

Remotion 공식무료

Maintain Remotion’s expert listings, portraits, and generated cards, then regenerate the homepage animation with transparency. The workflow covers separate Chrome and Safari video formats and checks that matching assets stay consistent across both homepage consumers.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add or edit an expert listing
  • Update portraits and regenerate expert cards
  • Regenerate transparent homepage animations
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

no-pointer

Remotion 공식무료

Apply Remotion Studio’s interaction conventions to buttons and links: keep the default cursor, brighten text and icons on hover, and show a visible focus indicator for keyboard navigation using shared styling helpers.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Style a new Studio button or link
  • Keep text and icons consistent on hover
  • Retain visible focus for keyboard navigation
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

studio-config-option-lifecycle

Remotion 공식무료

Classify Remotion Studio settings as fixed at startup or reloadable, then wire every component that uses them consistently. Guide implementation and review of configuration reloads, default resets, CLI precedence, and render queue settings.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Add a Studio config setter or CLI option
  • Review inconsistent setting updates across Studio components
  • Keep preview and render queue settings aligned
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

scaffold-element

Remotion 공식무료

Set up a new Remotion Element for development in the documentation’s Remotion Studio. It follows the design and contribution guides, creates the starting structure, and offers to launch Docs Studio for a preview.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Starting development of a new Remotion Element
  • Preparing an Element with the official guides
  • Previewing a scaffolded Element in Docs Studio
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

offload-r2

Remotion 공식무료

Move media assets from a Remotion repository to Cloudflare R2, update source references to public URLs, and verify that uploaded files match the originals before removing local copies.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Moving repository media assets to Cloudflare R2
  • Updating source references to hosted media URLs
  • Verifying uploaded files before deleting local copies
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

pr-name

Remotion 공식무료

Review a Remotion pull request’s title against its code changes and suggest clearer wording for developers. The skill selects the appropriate package or category prefix and highlights the main observable change or public API.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Reviewing a Remotion pull request title
  • Naming a public API change clearly
  • Choosing a prefix for documentation or test changes
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

interactivity-best-practices

Remotion 공식무료

Find the relevant guidance for writing Remotion animations that agents can understand and that remain editable in Studio’s Visual Mode. It points to resources for scene structure, editable styles and animations, and interactive custom components.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Find guidance for animations editable in Visual Mode
  • Look up scene structure and editable styles
  • Find instructions for making custom components interactive
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

remotion-best-practices

Remotion 공식무료

Route Remotion tasks to the relevant specialist guides, from creating videos and projects to captions, maps, and rendering. It also guides Studio preview setup, package upgrades, and troubleshooting when working inside Codex.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Starting a new video or Remotion project
  • Finding guides for captions and animated maps
  • Previewing video edits in Remotion Studio
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

remotion-maps

Remotion 공식무료

Choose an approach for map animations in Remotion, from satellite image overlays to globe views and terrain flythroughs. The skill compares five techniques and directs the agent to the implementation guide for the intended shot.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Animate overlays on a static satellite image
  • Create globe views or show 3D buildings
  • Choose a map approach without an API key
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

homepage-video-assets

Remotion 공식무료

Prepare Remotion homepage videos from a transparent ProRes master. Create Chrome WebM and Safari MP4 versions, verify transparency and 540-by-540 dimensions, and copy the finished assets into both the promotional site and documentation folders.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Replacing videos in the homepage creator strip
  • Creating transparent WebM videos for Chrome
  • Creating MP4 fallback videos for Safari
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

pr

Remotion 공식무료

Prepare current changes for a GitHub pull request by formatting affected files, checking builds and style, committing, and pushing. Create or update the PR, link related issues, and add page previews when available.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Opening a pull request for the current feature
  • Updating an existing PR with local changes
  • Formatting changes and checking builds before submission
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

pr-ready

Remotion 공식무료

Get a pull request ready by checking automated checks, merge conflicts, and local changes. Investigate failures, fix their causes, resolve conflicts, and run relevant local checks, with confirmation before pushing newly created commits.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Fixing failed automated checks on a pull request
  • Resolving conflicts with the base branch
  • Checking uncommitted or unpushed changes
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

remotion-captions

Remotion 공식무료

Prepare captions for Remotion videos through transcription, display, animation, or import from SRT files. Store captions as structured JSON containing text and timing, using the Caption type from @remotion/captions.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Creating captions from video or audio
  • Displaying and animating captions in a video
  • Importing existing SRT subtitles
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

find-unplanned-issues

Remotion 공식무료

Audit GitHub issues to find open work outside a masterplan, distinguishing missing parents from missing plan ancestors. Preview or apply removal of closed issues from the hierarchy while keeping their open children connected to the plan.

한국어 요약은 준비 중입니다. 영어 요약을 표시하고 있습니다.

  • Finding open issues outside a masterplan
  • Distinguishing missing parents from missing plan ancestors
  • Checking issue organization in automation
remotion-dev/remotion6.6만2026년 10월 21일 업데이트

본인 계정인가요? GitHub를 연동하면 크리에이터 페이지에 모을 수 있습니다 (일본어)