본문으로 건너뛰기
cccskills
무료GitHub에 공개

remotion-upgrade

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.

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

원문원문 설명 보기

Upgrade Remotion, and related packages

설치 방법 보기

이럴 때 유용합니다

  • Update Remotion and related packages together
  • Align Remotion versions across workspaces
  • Adjust auxiliary dependencies during an upgrade
  • Refresh installed Remotion skills

포함된 파일(3)

  • SKILL.md1.9 KB
  • agents/openai.yaml282 B
  • assets/remotion-icon.svg1.3 KB

SKILL.md(원문)

설치하기 전에 에이전트에게 전달되는 지시 내용을 확인할 수 있습니다.

Upgrade Remotion

  1. Inspect the project manifests and lockfile to identify the package manager and workspaces. Preserve unrelated changes.

  2. Determine whether @remotion/cli is locally available. If it is, run:

    npx remotion upgrade
    

    This also updates project-local Remotion skills. Skip the manual upgrade below.

  3. If @remotion/cli is not available, upgrade manually:

    • Get the latest stable Remotion version with npm view remotion version.
    • Find every installed remotion and @remotion/* dependency across the project and upgrade them all to that exact version. Preserve their dependency sections and the project's workspace or catalog conventions.
    • Read the @remotion/studio dependencies for the target Remotion version using npm view @remotion/studio@<version> dependencies --json. Align installed auxiliary packages such as zod, mediabunny, and @huggingface/transformers with the versions listed there. Use the mediabunny version for installed @mediabunny/* packages.
    • Run the project's package manager to update its lockfile.
  4. If @remotion/cli is not available, update the installed Remotion skills:

    npx skills update remotion-best-practices remotion-captions remotion-create remotion-docs remotion-interactivity remotion-maps remotion-markup remotion-multimedia remotion-render remotion-saas remotion-studio remotion-upgrade --yes
    
  5. Review the manifest and lockfile diff. Ensure all Remotion packages use one version and installed auxiliary packages use their recommended versions. If the CLI is available, run npx remotion versions as an additional check.

The Remotion releases contain the changelog and may be useful for summarizing relevant changes after the upgrade.

리뷰

아직 리뷰가 없습니다. 사용해 본 소감을 남겨 주세요.

댓글

로그인 없이 쓸 수 있습니다. 사용 후기, 질문, 작동하지 않은 환경 등을 편하게 남겨 주세요.

아직 댓글이 없습니다. 첫 댓글을 남겨 보세요.

보내면 바로 공개됩니다. 이메일 주소나 전화번호 같은 개인 정보는 쓰지 마세요. URL은 2개까지입니다.

0 / 1,000자

이 양식은 reCAPTCHA로 보호되며 Google 개인정보처리방침 및 서비스 약관이 적용됩니다.

같은 저장소의 스킬

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

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일 업데이트

remotion-dev의 스킬 모두 보기

이 스킬의 문제 신고