콘텐츠로 이동
Search

Claude-animation-skills

lastmod 2026-11-13created 2026-11-131 edits

촬영 없이 릴스용 애니메이션을 만드는 Claude Code 스킬 6종

About

  • 영상 촬영 없이 Claude Code에서 릴스용 세로 애니메이션(1080×1920, 30fps)을 만드는 스킬 모음. Claude가 스펙을 쓰고 내 컴퓨터에서 렌더한 뒤 인스타그램 안전 영역에 맞는지 확인함
  • 스킬 6종
    • /zach-d-films: three.js로 만든 3D 만화 "what if" 설명 영상
    • /stick-figure: 막대 인간 설명 릴스
    • /minimalistic-graphics: 흑백 라인 아트
    • /map-route: 경로가 그려지는 3D 지도 영상
    • /breakdown: 부품마다 라벨이 달린 3D 분해도
    • /graph: 숫자가 함께 올라가는 미니멀 선 그래프
  • /map-route 집에서 헬스장까지 2.8km처럼 치면 경로가 그려지는 3D 지도 영상과 인스타 안전 영역을 표시한 미리보기 시트가 함께 나옴
  • 빠른 스킬 4종(graph, minimalistic-graphics, map-route, breakdown)은 작은 JSON 스펙으로 동작하며 2D는 약 10초, 3D는 약 1분 30초 만에 렌더됨. /stick-figure, /zach-d-films는 대본·내레이션·자막 타이밍까지 함께 맞추는 작업 세션형 엔진
  • 빠른 스킬은 HyperFrames로 렌더하고, 3D는 Three.js, 2D 애니메이션은 GSAP, 엔진의 헤드리스 Chrome은 Playwright를 씀. 내레이션은 Kokoro, 단어 타이밍은 NVIDIA Parakeet(sherpa-onnx)로 로컬에서 처리하며 API 키가 필요 없음
  • 저장소를 클론한 뒤 ./install.sh를 실행하면 스킬이 ~/.claude/skills/에 연결됨. Claude Code 플러그인으로도 설치 가능
  • macOS/Linux, ffmpeg, Node.js 18+, Python 3.9+ 필요. MIT 라이선스

See also

  • Skills
  • HyperFrames - HTML로 비디오를 만드는 AI 에이전트 전용 오픈소스 프레임워크
  • Remotion - React로 영상을 만드는 오픈소스 프레임워크
  • raea - AI가 코드로 만든 영상/3D/게임을 GPU에서 렌더링하는 엔진

Favorite site

author MCPBot sitemap