Claude Code와 Codex 같은 AI 코딩 어시스턴트를 위한 정렬·설계·TDD·체계적인 엔지니어링 워크플로 스킬 모음입니다.
remotion-dev/skills
AI 코딩 에이전트가 React에서 Remotion으로 동영상을 만들 때 따를 모범 사례를 안내하는 Agent Skills 모음입니다.
- 스타
- 5,326
- 포크
- 588
- 열린 이슈
- 21
- 마지막 커밋
- 3일 전
어떤 프로젝트인가요?
이 저장소는 Remotion의 가이드를 Agent Skills 형식으로 제공합니다. 이 형식은 Claude Code, Codex, Kimi Code, Cursor 같은 AI 코딩 에이전트가 Remotion 프로젝트에서 작업하는 방법을 알려줍니다. 각 스킬은 새 프로젝트나 컴포지션 만들기, 애니메이션 및 레이아웃 마크업 작성, Studio에서 미리보기, 동영상이나 정지 이미지 렌더링 등 특정 작업을 다룹니다.
핵심 렌더링 외에도 Mapbox, MapLibre, MapTiler, CesiumJS를 활용한 지도 애니메이션, 캡션과 자막, 브라우저에서 미디어 메타데이터를 처리하는 Mediabunny, Studio에서 요소를 편집 가능하게 만드는 방법 등 다양한 주제를 다룹니다. 문서 스킬을 사용하면 에이전트가 Remotion 문서를 검색하고, 코드를 작성하기 전에 페이지를 Markdown으로 가져올 수 있습니다.
npx skills add remotion-dev/skills로 스킬을 설치하거나, bun create video로 프로젝트를 만들 때 스킬을 추가할 수 있습니다.
핵심 기능
- 01적절한 스킬이 무엇인지 불분명할 때 다른 Remotion 스킬을 모두 아우르는 메인 스킬을 제공합니다.
- 02컴포지션 만들기, 마크업 작성, Studio 미리보기 실행을 위한 스킬을 포함합니다.
- 03동영상이나 정지 이미지를 제작할 때 필요한 렌더링 가이드를 제공합니다.
- 04Mapbox, MapLibre, MapTiler, CesiumJS를 활용한 지도 애니메이션을 다룹니다.
- 05Remotion 문서를 검색해 Markdown으로 가져오는 문서 검색 스킬을 포함합니다.
- 06npx로 설치할 수 있으며, bun create video를 실행할 때 추가 옵션으로 제공됩니다.
활용 사례
- AI 코딩 에이전트가 Remotion 프로젝트에서 홍보 영상이나 설명 영상을 만들도록 할 때.
- 지리 정보를 활용한 스토리텔링을 위해 지도에 경로와 마커를 애니메이션으로 표시할 때.
- 프로그램으로 생성한 동영상에 캡션이나 자막을 추가할 때.
- 에이전트가 최신 Remotion API와 업그레이드 경로를 기준으로 작업하도록 할 때.
토픽
자주 묻는 질문
- skills은(는) 무엇인가요?
- AI 코딩 에이전트가 React에서 Remotion으로 동영상을 만들 때 따를 모범 사례를 안내하는 Agent Skills 모음입니다. 이 저장소는 Remotion의 가이드를 Agent Skills 형식으로 제공합니다. 이 형식은 Claude Code, Codex, Kimi Code, Cursor 같은 AI 코딩 에이전트가 Remotion 프로젝트에서 작업하는 방법을 알려줍니다. 각 스킬은 새 프로젝트나 컴포지션 만들기, 애니메이션 및 레이아웃 마크업 작성, Studio에서 미리보기, 동영상이나 정지 이미지 렌더링 등 특정 작업을 다룹니다.
- skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- skills에는 명시된 라이선스가 없습니다. 코드는 공개되어 있지만 라이선스가 없으면 재사용 허가가 명확하지 않으므로, 사용 전에 작성자에게 문의하는 것이 좋습니다.
- skills은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. skills의 마지막 커밋은 2026년 10월 16일입니다.
- skills은(는) 어디에 사용할 수 있나요?
- AI 코딩 에이전트가 Remotion 프로젝트에서 홍보 영상이나 설명 영상을 만들도록 할 때. 지리 정보를 활용한 스토리텔링을 위해 지도에 경로와 마커를 애니메이션으로 표시할 때. 프로그램으로 생성한 동영상에 캡션이나 자막을 추가할 때. 에이전트가 최신 Remotion API와 업그레이드 경로를 기준으로 작업하도록 할 때.
- skills은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/remotion-dev/skills
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
AI 코딩 에이전트의 명세부터 배포까지를 안내하는 프로덕션 수준의 엔지니어링 워크플로 스킬 25종
Claude Code, Codex CLI, Cursor 등 AI 코딩 도구를 위한 플러그인, 에이전트, 스킬 및 명령어 마켓플레이스입니다.
발견부터 성장까지 다루는 Claude Code 및 Cowork용 PM 스킬 69개와 연계 워크플로 42개 모음
AI 코딩 에이전트를 위해 HTML, CSS, 미디어와 탐색 가능한 애니메이션을 결정적 MP4 동영상으로 변환하는 오픈소스 프레임워크입니다.
Claude Code, Codex, Cursor 등의 에이전트에 마케팅 전문성을 더하는 Markdown 스킬 모음입니다.