Communitygithub.com

nikisge/claude-motion-kit

모션 그래픽 제작 시 사용하는 스킬. 런치 필름, 설명 애니메이션, 유튜브 인서트, 화이트보드 그래픽, 소셜/세로 클립, 쇼릴, 원샷 쇼케이스 등에서 장면 코드를 작성하기 전에 사용합니다. 또한 모션 피스가 슬라이드, 웹사이트 또는 일반적인 AI 출력처럼 보이거나 정적이거나 느리게 느껴질 때 사용합니다.

claude-motion-kit란 무엇인가요?

Motion Director 스킬은 AI 에이전트가 마치 전문 모션 디자이너처럼 작업할 수 있도록 설계된 종합적인 프레임워크입니다. 이 스킬은 단순한 애니메이션 능력을 넘어, 미적 감각, 구체적인 참고 자료, 그리고 체계적인 검증 프로세스를 제공합니다. 핵심 철학은 각 영화에 대해 고유한 컴포넌트와 디자인을 구축하고, 참고 자료는 문법(템포, 전환, 카메라 움직임, 타이포그래피 동작)만을 제공하며 내용은 제공하지 않는다는 점입니다. 또한 '원샷/쇼케이스 모드'와 같은 특수 모드를 지원하여 질문 없이 빠르게 작업할 수 있습니다. 이 스킬은 HyperFrames, Three.js, GSAP, SVG 등 다양한 엔진을 지원하며, 실제 3D 요소가 필요한 경우 motion-3d, 사운드 디자인을 위한 motion-sound과 같은 보조 스킬과 함께 사용할 수 있습니다. 주요 기능으로는 대상 참조 측정(ref_metrics.py), 모션 품질 검사(motion_check.py), 비판 에이전트(critic.py), 스토리보드 및 애니매틱 생성을 위한 비트 계산(beats.py) 등이 포함된 motion-inspo 스킬을 활용합니다.

지원 대상✓Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/nikisge/claude-motion-kit/tree/HEAD/motion-kit/skills/motion-director

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

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

문서

Motion Director: 모션 디자이너처럼 작업하기

모델은 애니메이션을 만들 수 있습니다. 부족한 것은 취향, 구체적인 참고 자료, 그리고 검증이 포함된 작업 흐름입니다. 이 스킬이 바로 그것을 제공합니다. 엔진은 교체 가능합니다(기본값: HyperFrames, HTML + GSAP + Three.js → MP4).

기본 태도:

  • 각 영화에 대해 자체 컴포넌트와 자체 디자인을 구축합니다. 카탈로그(HyperFrames 레지스트리, 레시피)는 보물 창고이지 조립 키트가 아닙니다.
  • 참고 자료는 문법(템포, 전환, 카메라, 타이포그래피 동작)을 제공하며, 절대 내용을 제공하지 않습니다.
  • AI 획일성에 대항: 각 영화마다 하나의 의식적인 스타일 결정과 최소 하나의 독창적인 아이디어.
  • 절대 "맨땅에서 시작하지 않음": 구체적인 참고 자료 없이 모델이 추측하면 결과는 모든 AI 비디오처럼 보입니다.

도구는 motion-inspo 스킬(scripts/refs.py, sheet.py, ref_metrics.py, motion_check.py, beats.py)에 있습니다. 프로젝트는 작업 폴더의 projects/<name>/에 있습니다.

먼저 작업을 읽고, 경로를 선택하세요

작업경로references/formats.md의 형식 부분
새 영화(런치, 설명, 쇼릴)표준 프로세스런치 필름 / 설명 애니메이션 / 쇼릴
YouTube 인서트, 화이트보드 그래픽표준 프로세스, 간소화(음악 대신 단어 시간)YouTube 인서트
소셜 / 세로표준 프로세스, 후크 우선소셜 세로
'원샷', '쇼케이스', '실력 보여주기', 질문 없는 테스트원샷 모드쇼케이스
소규모 작업(장면 하나 수정, 로고 스팅, 숫자 애니메이션, 피드백 후 수정)간소화된 경로–

간소화된 경로: 한 문장으로 목표 설정, 영향을 받는 스토리보드 샷 수정(있는 경우), 제작, 해당 구간에 대해 motion_check 실행(--from/--to), 개별 프레임 확인, 보여주기. 새 브리핑 없음, 비평가 없음.

표준 프로세스(새 영화)

  1. 브리핑(references/brief.md): 하나의 약속, 하나의 생각, 목표 감정, 형식, 브랜드, 톤 역할.
  2. 스타일 + 목표 참조:
    • references/styles/README.md에서 스타일 카드 선택, 혼합 또는 자체 파생.
    • 하나의 목표 참조 검색(motion-inspo, whatships.com), 측정(ref_metrics.py), 샷별로 분해. 측정값이 브리핑의 목표가 됩니다(references/inspiration.md).
    • 2~5개의 추가 참조는 문법으로만 사용. 독창적인 아이디어 기록.
  3. Inspo + 무드보드 사용자와 함께: 참조 순간을 이미지 시퀀스로 표시, 2~3개의 스토리 방향 제안. 사용자는 설명이 아닌 실제 이미지로 결정합니다. 게이트.
  4. 3개의 스타일 프레임을 목표 도구로 제작(references/style-frames.md). 게이트: 사용자 승인.
  5. 스토리보드 + 애니매틱 비트 그리드 기반(references/storyboard.md, beats.py). 게이트.
  6. 제작, 샷별로. 가장 어려운 샷부터.
  7. 검증:
    • motion_check.py render.mp4 (스타일의 임계값 사용, references/rules.md),
    • ref_metrics.py render.mp4 --ref ziel.mp4 --out check/metrics,
    • 초당 4개의 이미지로 접촉 인쇄물 직접 확인,
    • 그런 다음 독립적인 비평가(references/critic.md): 코드가 아닌 이미지와 숫자만 봄.
  8. 사운드는 motion-sound 스킬 사용(큐 리스트, −14 LUFS로 믹스).
  9. 최종 완료: 내보내기(10비트 + 밴딩 방지를 위한 미세 그레인), 접촉 인쇄물, 짧은 보고서.

변경 사항은 항상 먼저 스토리보드에 반영된 다음 코드에 반영됩니다.

첫 번째 버전 이후 최대 2번의 비평가 라운드, 그런 다음 최상의 버전을 제출하고 약점을 솔직하게 명시합니다. 끝없는 개선 루프는 시간을 소모하며 각 라운드마다 약간의 개선만 가져옵니다.

원샷 / 쇼케이스 모드

질문 없음, 승인 대기 없음, 전력 질주. 시청자는 감탄하고 당신이 그를 위해 무엇을 만들 수 있는지 이해해야 합니다(references/formats.md → 쇼케이스).

  1. 아이디어 라운드(brief.md): 각각 한 문장으로 된 5개의 스토리 아이디어. 가장 먼저 떠오른 아이디어와 주인공이 전문 도구(키프레임, 타임라인, 이징 곡선, 커서)인 모든 아이디어는 삭제. 다시 말할 수 있는 아이디어를 선택하세요.
  2. 브리핑, 스타일, 목표 참조(측정 + 분해), 독창적인 아이디어: 스스로 결정하고 이유를 제시.
  3. 최소 두 개의 놀라운 샷 계획(기술, 초, 이유): 만들기 어려운 것. 먼저 제작.
  4. 자신을 위한 스타일 프레임 + 스토리보드 + 애니매틱.
  5. 애니메이션 전 비평가(서브 에이전트, 강력한 모델, 새로운 컨텍스트). 승인 후에만 애니메이션.
  6. 제작, 검증, 사운드.
  7. 최종 완료 후 비평가 완성된 렌더에 대해. 쇼케이스 임계값 미만: 가장 약한 부분부터, '놀라움'이 낮으면 사소한 부분을 다듬기보다 놀라운 샷을 더 강화.

도구 선택

상황도구
UI, 타이포그래피, 2.5D 카메라, SVG, 다이어그램HyperFrames(HeyGen의 스킬: npx hyperframes skills)
실제 3D(제품, 금속, 유리, 심도 흐림)motion-3d 스킬(HyperFrames 내 Three.js, 선택적으로 Blender)
실제 세계, 사람, 장소비디오 모델(Kling, Seedance, Veo …), 크레딧 소모; 편집 시 각 AI 샷을 코드 카메라 움직임으로 활기차게 만듦
사운드motion-sound 스킬

모든 것을 결정짓는 문장들

  • 각 샷은 무언가를 하는 이미지이지, 삽화가 포함된 문장이 아닙니다. 텍스트는 객체에 최대 한 단어.
  • 각 전환은 객체입니다(디스플레이가 UI가 되고, 칩이 페이지가 됨). 페이드 아웃/인은 비상용.
  • 이유 없이 멈추는 것은 없습니다: 읽기 위한 멈춤은 다음 목표로의 느린 이동이지, 얼어붙는 것이 아닙니다.
  • 샷당 하나의 주요 요소. 모든 것을 동시에 애니메이션하면 아무것도 애니메이션되지 않습니다.
  • 슬라이드 및 웹사이트 카드(제목 + 텍스트, 기능 타일, 아이콘 그리드, 숫자 01/02/03) 및 일반적인 AI 엔드 카드(빈 공간에 로고 + 슬로건 + URL)는 사용하지 마세요. 엔딩은 무언가를 하는 이미지이거나 로고가 되는 객체여야 합니다.
  • 가장 강력한 이미지는 처음 2초 안에 있어야 합니다. 영화는 움직임 중간에 시작하며, 절대 검은색에서 페이드 인으로 시작하지 않습니다.

테스트에서 가장 효과적이었던 것

  1. 영화당 하나의 측정된 목표 참조. 느껴지는 밀도는 대부분 컷 편집이 아닌 카메라 움직임에서 비롯됩니다. 측정은 눈만으로는 알 수 없는 것을 보여줍니다.
  2. 독립적인 비평가. 제작한 사람은 평균적으로 자신을 지나치게 높게 평가하고, 새로운 시선이 접촉 인쇄물에서 즉시 찾는 이미지 결함을 놓칩니다.
  3. '도구가 주인공'이 아닌 아이디어 라운드. 영화는 기술보다 스토리 때문에 더 자주 실패합니다.
  4. 데이터로서의 취향: 사용자가 좋아하는 참조와 안티 참조('slop')를 서면으로 기록.

참조

brief.md · inspiration.md · style-frames.md · storyboard.md · rules.md(숫자, 검증 임계값) · critic.md · formats.md · styles/(스타일 카드)

Individual skills in this repo

This repo contains 4 individual skills — each has its own dedicated page.

관련 스킬