Communitygithub.com

cmak34/claude-remotion-skill

Remotion을 사용하여 비디오를 생성하는 Claude 스킬입니다.

claude-remotion-skill란 무엇인가요?

이 스킬은 Claude(예: Claude Code, Cursor 등)가 Remotion 프레임워크를 활용하여 프로그래밍 방식으로 비디오를 생성할 수 있게 해줍니다. 사용자는 React 컴포넌트로 비디오 장면을 구성하고, Remotion의 렌더링 API를 통해 MP4 등 다양한 형식으로 내보낼 수 있습니다. 이를 통해 동적 타이포그래피, 데이터 시각화, 애니메이션 등 복잡한 비디오 제작을 코드 기반으로 자동화할 수 있습니다. 지원 플랫폼은 Claude Code, Cursor, Codex 등이며, SKILL.md 문서에 따라 스킬이 로드되면 Claude가 Remotion 프로젝트 초기화, 컴포넌트 작성, 렌더링 명령 실행을 일련의 단계로 안내합니다.

지원 대상✓Claude Code~Codex CLI~Cursor
npx skills add cmak34/claude-remotion-skill

즐겨 사용하는 AI에게 물어보기

이 에이전트 스킬이 미리 로드된 새 채팅을 엽니다.

문서

claude-remotion-skill은(는) 무엇을 하나요?

Claude 스킬 - Remotion을 사용하여 비디오를 생성합니다.

개요

이 스킬은 Claude가 Remotion을 이용해 비디오를 만들 수 있도록 지원합니다. Remotion을 사용하면 React로 비디오를 구성하고 프로그래밍 방식으로 렌더링할 수 있습니다.

사용 방법

  1. Claude에게 비디오 생성을 요청합니다.
  2. Claude가 Remotion 프로젝트를 설정하고 필요한 컴포넌트를 작성합니다.
  3. Claude가 npx remotion render 명령어를 실행하여 비디오를 렌더링합니다.

예시 프롬프트

  • "인사말 애니메이션 비디오를 만들어 줘."
  • "데이터 시각화 비디오를 Remotion으로 생성해 줘."
  • "텍스트가 페이드 인/아웃되는 짧은 영상을 만들어 줘."

기술 세부 사항

  • Remotion 버전: 최신 안정 버전
  • 렌더러: @remotion/renderer
  • 출력 형식: MP4 (기본값)

참고

관련 스킬