remotion
카탈로그 스텁 — 전체 패키지: remotion-dev/skills
참고: 업스트림에서 단일
remotion스킬을 집중된 하위 스킬 패키지로 재구성했습니다 —remotion-best-practices,remotion-create,remotion-render,remotion-captions,remotion-docs,remotion-interactivity,remotion-markup,remotion-saas,remotion-upgrade,mediabunny. 모든 하위 스킬을 얻으려면 패키지를 설치하세요.
결정 트리
-
패키지가 이미 설치되었나요? 확인: 에이전트의 스킬 디렉토리에 이 스텁 외에 실제 콘텐츠가 포함된
remotion-*스킬이 있는지 확인합니다.- 예 → 관련
remotion-*스킬을 호출하고 진행합니다. - 아니요 → 2단계로 이동합니다.
- 예 → 관련
-
어떤 에이전트를 사용 중인가요?
- Claude Code →
npx skills add remotion-dev/skills— 또는! npx skills add …을 채팅 메시지로 보냅니다(전역 설치 시-g추가, 프로젝트 전용 시 생략). - Cursor →
npx skills add remotion-dev/skills - 기타 →
npx skills add remotion-dev/skills또는 GitHub README를 참조하세요.
- Claude Code →
설치 명령어
npx skills add remotion-dev/skills
모든 Remotion 하위 스킬을 설치합니다. 하나만 설치하려면 이름을 추가하세요. 예:
npx skills add remotion-dev/skills --skill remotion-best-practices.
설치 후 호출
- 스킬 이름:
remotion-best-practices,remotion-create,remotion-render,remotion-captions,remotion-docs,remotion-interactivity,remotion-markup,remotion-saas,remotion-upgrade,mediabunny - 트리거 구문: "remotion", "programmatic video", "React video", "animated video", "render video"
기능 설명
React로 프로그래매틱 비디오를 제작하기 위한 공식 Remotion 스킬 패키지입니다. React 컴포넌트로 비디오 시퀀스를 구성하고, 스프링 물리 및 보간법으로 애니메이션을 적용하며, MP4, WebM 또는 GIF로 렌더링합니다. 하위 스킬은 모범 사례, 새 프로젝트 스캐폴딩(remotion-create), 렌더링(remotion-render), 자막, 인터랙티브, 마크업, SaaS 통합, 버전 업그레이드를 다룹니다. 코드로 정밀하게 제어해야 하는 제품 데모, 데이터 기반 시각화, 설명 애니메이션에 가장 적합합니다.
사용하지 말아야 할 경우
- 비디오 내보내기 없이 단순 CSS/JS 애니메이션 (대신
gsap-skills또는framer-motion-skills사용) - 비React 비디오 파이프라인 (HTML-to-video에는
hyperframes사용)