본문으로 건너뛰기
cccskills

스킬 찾기

151건(remotion-dev의 저장소) · 인기순

docs-demo

무료

Add interactive animation demos to Remotion documentation pages. This skill covers creating React components, registering playback settings, embedding demos in MDX, and adding controls such as sliders, checkboxes, dropdowns, and text inputs.

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

  • Add an animation demo to a documentation page
  • Let readers adjust demo values with sliders
  • Configure demo playback settings
remotion-dev/remotion6.5만2026년 10월 19일 업데이트

release

무료

Coordinate a new Remotion release, from authentication and builds to npm package verification and release notes. Promote packages to latest only after every package is downloadable, then prepare a GitHub release for approval.

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

  • Building and publishing a new Remotion version
  • Checking all npm packages before updating latest
  • Preparing release notes from commits and pull requests
remotion-dev/remotion6.5만2026년 10월 19일 업데이트

add-sfx

무료

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.5만2026년 10월 19일 업데이트

Start a new Remotion video by setting up a project when needed and opening Studio before building scenes. Covers folder selection, React video structure, multiple scenes, and timelines with individually editable clips.

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

  • Set up a new Remotion video project
  • Add a new video to an existing project
  • Create a video with multiple scenes
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Export Remotion compositions as videos or still images using command-line tools. Extract several selected frames as images in one call, with references for additional export options and videos with transparent backgrounds.

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

  • Export a finished Remotion video
  • Save a still image from a composition
  • Export multiple selected frames as PNG images
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Build Remotion video scenes with animation, media, and visual effects. Follow React markup patterns that keep timing and individual elements editable in Studio, with guidance for reusable scenes and frame-based motion.

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

  • Create a title fade-in
  • Add an editable lower third over a video
  • Organize multiple scenes into editable timelines
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Guide an agent to the right Remotion instructions for creating videos, adding captions or maps, exporting files, and building applications. The workflow emphasizes checking an interactive preview as the video takes shape.

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

  • Create a video while reviewing its preview
  • Find guidance for captions and animated maps
  • Export a finished video
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Find how to retrieve audio and video metadata with Mediabunny, a library for handling media in the browser. The skill points to focused guides for audio duration, video duration, and video width and height.

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

  • Finding an audio file's duration in seconds
  • Finding a video file's duration in seconds
  • Checking a video file's width and height
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Build apps with Remotion, from forms that trigger video rendering to complex video editors. Get guidance on templates, embedded previews, and choosing where rendering—the process of producing the video—runs.

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

  • Build a form that generates videos
  • Embed a Remotion preview in a React app
  • Choose where video rendering runs
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Structure Remotion code so elements can be selected and edited visually in Remotion Studio. Covers reusable scenes, editable text and styles, timeline organization, and keyframes, which define how properties change over time.

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

  • Make text, colors, and positions editable in Studio
  • Edit scene and clip timing independently
  • Adjust animation keyframes and easing
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Create and display captions for Remotion videos, with guidance for transcribing audio or video, importing SRT files, and animating captions. Keep caption text and timing in a shared JSON format.

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

  • Generate captions from video or audio
  • Display and animate captions in a video
  • Import existing SRT subtitles
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Update Remotion and its related packages while keeping their versions aligned. The workflow checks project dependencies, updates installed Remotion skills and lockfiles, and reviews changes using the project's existing package management conventions.

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

  • Update Remotion and related packages together
  • Align Remotion versions across workspaces
  • Adjust auxiliary dependencies during an upgrade
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Launch Remotion Studio to preview a video in a browser while it is being created or edited. Keep the preview open to review changes, and choose browser behavior, server ports, or logging options.

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

  • Preview a video early in production
  • Review changes while editing
  • Open Studio in an in-app browser
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Find current Remotion documentation for a feature or API, then retrieve relevant pages as Markdown. Use the documented behavior to guide implementation instead of relying on previously learned API details.

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

  • Look up how a Remotion feature works
  • Check current API details before implementation
  • Retrieve documentation pages as Markdown
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Choose a technique for adding maps to Remotion videos, from satellite images with animated overlays to globe views, geographic annotations, and terrain flythroughs. Compare approaches based on the intended shot and service requirements.

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

  • Animate overlays on a satellite image
  • Show a globe or 3D buildings with Mapbox
  • Use MapLibre without an API key
remotion-dev/skills5.4천2026년 10월 20일 업데이트

Best practices for Remotion - Video creation in React

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

remotion-dev/html-in-canvas1972026년 5월 3일 업데이트

Build an app with Remotion

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

remotion-dev/claude-code-plugin522026년 10월 20일 업데이트

Export a Remotion video

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

remotion-dev/claude-code-plugin522026년 10월 20일 업데이트

Remotion Map animation knowledge

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

remotion-dev/claude-code-plugin522026년 10월 20일 업데이트

Transcribing, displaying and animating captions

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

remotion-dev/claude-code-plugin522026년 10월 20일 업데이트

Preview a Remotion video

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

remotion-dev/claude-code-plugin522026년 10월 20일 업데이트

Content, animation and effects best practices

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

remotion-dev/claude-code-plugin522026년 10월 20일 업데이트

Create a new Remotion video

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

remotion-dev/claude-code-plugin522026년 10월 20일 업데이트

Router for all Remotion skills

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

remotion-dev/claude-code-plugin522026년 10월 20일 업데이트