Claude Code 스킬: 모션 그래픽·영상 제작 순서와 단계별 점검 하네스
개요
모션 그래픽과 영상(30~90초)을 처음부터 끝까지 만드는 순서와 점검 기준을 담은 **입니다. Codex, Claude Code 및 다른 스킬 지원 런타임에서 같은 스킬 폴더를 사용합니다. 제작 6단계마다 산출물을 측정해 통과 여부를 종료 코드로 판정하는 검사 스크립트(harness/gate.py, 이하 게이트)와, 자주 생기는 함정 29가지의 예방법(references/gotchas.md)이 들어 있습니다. 스킬을 사용할 프로젝트 폴더에서 실행합니다. Node.js와 npx가 필요하며, 사용할 런타임을 선택해 설치합니다. Codex만 지정하려면 아래처럼 실행합니다. 개인 범위로 설치하려면 --global을 추가합니다. Vercel skills CLI가 Codex, Claude Code, Gemini CLI, Cursor, GitHub Copilot, OpenCode, Amp, Antigravity, Windsurf 등 지원 대상의 설치 위치를 처리합니다. 생성 도구 연결과 이미지 보기·명령 실행 권한은 각 런타임 환경에 달려 있습니다. 런타임별 설치·호출과 검증 범위를 참고합니다. Codex는 프로젝트 .agents/skills/와 개인 ~/.agents/skills/에서 스킬을 읽습니다. 아래는 개인 설치 예시입니다. Claude Code는 프로젝트 .claude/skills/와 개인 ~/.claude/skills/에서 스킬을 읽습니다. 기존 설치 명령도 계속 사용할 수 있습니다. 특정 프로젝트에서만 쓰려면 해당 프로젝트의 런타임별 스킬 폴더 아래에 같은 폴더를 복사합니다. 한 런타임에 같은 이름을 여러 경로로 중복 설치하지 않습니다. 설치한 뒤 런타임의 스킬 목록에서 motion-video-production을 확인합니다. 보이지 않으면 런타임을 새로 시작합니다.
README
motion-video-production
English · 한국어
An Agent Skill for 15–90 second motion graphics, promo and character videos. The agent works in seven stages. After each stage a script checks the output, and the next stage waits until it passes.
Works in Codex, Claude Code and other runtimes that read Agent Skills.
Install
Run this in your video project folder:
npx skills add unclejobs-ai/motion-video-skill --skill motion-video-production
Add --global to install it for all projects. For manual install and per-runtime paths, see docs/runtimes.md.
You need Node.js 24+, ffmpeg, Python 3 and Bash (WSL on Windows).
Use
Ask your agent:
Make a 20-second promo that feels like this reference video.
You can also call it by name: $motion-video-production in Codex, /motion-video-production in Claude Code and Cursor.
The agent asks six questions first: where the video goes, length and aspect ratio, which tools you have, what to avoid, the reference video, and which engine to use. Then it works through the stages. If you have no image or video generator, it writes the prompts and picks up from the files you bring back.
How it works
| Stage | Gate | Checks |
|---|---|---|
| 0. Reference | ref |
Cuts, motion, blur, grain and look as numbers. The final render is measured the same way |
| 1. Story | story |
BPM, music sync table, scene table |
| 2. Character | character |
One-paragraph description, colors, sheet image |
| 3. Keyframes | keyframes |
Duplicates, aspect ratio |
| 4. Clips | clips |
Duration, frame count, start-frame match, frame strips |
| 5. Music and voice | audio |
One voice ID, dialogue files |
| 6. Edit | edit, final |
Beat grid, cut continuity, dialogue length, loudness |
Exit code 0 means move on. Exit code 1 means fix the lines listed in qa/gate-.txt and run the gate again. Some things only eyes can judge, such as a face drifting a second into a clip. Those pass only after someone looks at the frame strips and writes a review.
Try the demo
This renders a 5-second typography clip with Remotion. It takes about 30 seconds.
SKILL_ROOT="$PWD/.agents/skills/motion-video-production" # your install path
mkdir engine && cp -R "$SKILL_ROOT/engines/remotion/." engine
cd engine && npm ci
node pipeline/probe.mjs productions/carry-demo # carry 1.00 PASS
node pipeline/render.mjs carry-demo # renders/carry-demo/picture.mp4
The first line shrinks into the label of the next scene. probe.mjs checks before rendering that something on screen carries across every cut.
What’s inside
- Two engines. Remotion has the carry probe and a wordcut template. HyperFrames renders plain HTML/CSS with GSAP. Which one to use
- Reference analysis. OpenCV turns a reference video into target numbers. How it works
- Voice and music. ElevenLabs and Fish Audio voices through the composio CLI, plus a procedural score on the beat.
- Timeline editor. Picture, text, voice and music tracks in the browser. It edits the same
edit.jsonthe agent does. Details
Docs
The agent reads these as it needs them. Most are written in Korean, and gate output is in Korean too. The agent still answers in your language.
SKILL.md: stage order and gate callsreferences/: art direction, beat grid, consistency, providers, costreferences/gotchas.md: 29 known failure modesdocs/runtimes.md: install paths, known limitations, what was tested
License
MIT. Remotion needs a paid Company License if your company has four or more people. HyperFrames is Apache-2.0. Third-party terms are in NOTICE.md.
Made by the team behind SceneSteller.
추천 도구
다른 키워드를 입력하거나 필터를 제거해 보세요.
설치
npx skillfish add unclejobs-ai/motion-video-skill