제품 설명을 코드 기반의 상업용 출시 영상으로 만드는 Claude Code / Codex 에이전트 스킬
charlie947/motion-graphics-skills
After Effects 없이 코드로 모션 그래픽과 출시 영상을 만드는 Claude Code 스킬 모음
대체할 수 있는 제품:After Effects
- 스타
- 340
- 포크
- 55
- 열린 이슈
- 0
- 마지막 커밋
- 10일 전
어떤 프로젝트인가요?
이 스킬 팩을 사용하면 Claude Code가 애니메이션을 코드로 작성해 모션 그래픽, 출시 영상, 애니메이션 차트, 짧은 소셜 동영상을 만들 수 있습니다. 모든 프레임을 코드로 그리므로 After Effects나 AI 동영상 생성기가 필요하지 않습니다. 스킬은 brand.md와 MOTION.md에 브랜드 색상, 서체, 모션 규칙을 설정하는 단계부터 브리프 기획, 애니메이션 제작, MP4 또는 세로형 Reel 형식으로 내보내기까지 전체 워크플로를 지원합니다.
스킬은 출시 영상, 설명 영상, 애니메이션 차트, 마일스톤 공개, 3D 타이틀 시퀀스, 반복 재생 커버, 릴 내보내기 등 단계별로 구성되어 있습니다. 각 스킬의 SKILL.md에는 실행 문구와 입력 요건이 포함됩니다. npx skills를 사용하거나 ~/.claude/skills에 직접 복사하거나 Claude Desktop에 zip 파일을 업로드하거나 Codex의 .agents/skills 폴더에 넣어 설치할 수 있습니다. MP4 내보내기에는 HyperFrames 또는 Chrome을 사용하는 ffmpeg가 필요합니다.
핵심 기능
- 01After Effects 없이 모든 작업을 코드로 처리해 모션 그래픽과 동영상을 만듭니다.
- 02재사용할 수 있도록 브랜드 색상, 서체, 모션 규칙을 brand.md와 MOTION.md에 저장합니다.
- 03출시 영상, 설명 영상, 애니메이션 차트, 마일스톤 공개용 스킬을 제공합니다.
- 04Reels와 TikTok에 적합한 MP4 및 세로형 1080 x 1920 형식으로 내보냅니다.
- 05간단한 설치 명령으로 Claude Code와 Codex에서 사용할 수 있습니다.
활용 사례
- 모션 디자이너나 동영상 소프트웨어 없이 제품 출시 영상을 제작합니다.
- 제공된 값을 그대로 유지하면서 차트나 데이터 시리즈에 애니메이션을 적용합니다.
- 기존 클립으로 세로형 소셜 동영상을 만듭니다.
- 반복 재생되는 뉴스레터 커버를 GIF로 제작합니다.
빠른 시작
- 1
npx로 스킬을 설치하세요
npx skills add charlie947/motion-graphics-skills - 2
Claude Code를 열고 Opus 5.5 모델을 선택하세요
/model - 3
먼저 brand-intake를 실행해 브랜드 파일을 설정하세요
사용 전 알아둘 점
- 애니메이션을 만들려면 특정 모델인 Opus 5.5에서 Claude Code를 사용해야 합니다.
- MP4로 내보내려면 별도의 HyperFrames 스킬을 사용하거나 ffmpeg와 Chrome이 필요합니다.
토픽
자주 묻는 질문
- motion-graphics-skills은(는) 무엇인가요?
- After Effects 없이 코드로 모션 그래픽과 출시 영상을 만드는 Claude Code 스킬 모음 이 스킬 팩을 사용하면 Claude Code가 애니메이션을 코드로 작성해 모션 그래픽, 출시 영상, 애니메이션 차트, 짧은 소셜 동영상을 만들 수 있습니다. 모든 프레임을 코드로 그리므로 After Effects나 AI 동영상 생성기가 필요하지 않습니다. 스킬은 brand.md와 MOTION.md에 브랜드 색상, 서체, 모션 규칙을 설정하는 단계부터 브리프 기획, 애니메이션 제작, MP4 또는 세로형 Reel 형식으로 내보내기까지 전체 워크플로를 지원합니다.
- motion-graphics-skills은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?
- motion-graphics-skills은(는) MIT 라이선스의 오픈소스입니다. 상업용 제품에 사용하기 전에 라이선스 조건을 확인하세요.
- motion-graphics-skills은(는) 아직 유지보수되고 있나요?
- 활발히 유지보수 중. motion-graphics-skills의 마지막 커밋은 2026년 10월 11일입니다.
- motion-graphics-skills은(는) 어디에 사용할 수 있나요?
- 모션 디자이너나 동영상 소프트웨어 없이 제품 출시 영상을 제작합니다. 제공된 값을 그대로 유지하면서 차트나 데이터 시리즈에 애니메이션을 적용합니다. 기존 클립으로 세로형 소셜 동영상을 만듭니다. 반복 재생되는 뉴스레터 커버를 GIF로 제작합니다.
- motion-graphics-skills는 어떻게 설치하나요?
- npx로 스킬을 설치하세요: npx skills add charlie947/motion-graphics-skills Claude Code를 열고 Opus 5.5 모델을 선택하세요: /model 먼저 brand-intake를 실행해 브랜드 파일을 설정하세요
- motion-graphics-skills은(는) 어디서 받을 수 있나요?
- 소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/charlie947/motion-graphics-skills
요약은 프로젝트 README를 바탕으로 AI가 작성했습니다. GitHub 통계는 매일 갱신됩니다.
관련 프로젝트
생성형 AI 대신 Remotion 코드로 제품 페이지를 시네마틱 홍보 영상으로 만드는 Claude Code 및 Codex용 에이전트 스킬입니다.
여러 디자인 방향을 비교하고 실제 스크린샷을 바탕으로 다듬는 AI 에이전트용 인터페이스 디자인 스킬입니다.
Claude Code나 Codex로 음성 해설형 설명 영상을 만들고, 단어 단위로 오디오를 동기화해 Remotion으로 렌더링하는 에이전트 스킬
AI 코딩 에이전트가 모션 그래픽, 애니메이션, 영상 워크플로를 만들도록 돕는 설치형 스킬 55종 모음
리서치, 제품 문서, 덱, WeChat 글, 코드 리뷰 등을 위한 엄선된 Agent Skills 13종 모음