Claude Code, Codex, Cursor에 Skill 설치하는 방법

Skill은 SKILL.md 파일(에이전트를 위한 지시문)과 템플릿, 스크립트가 든 폴더입니다. 한 번 설치하면 요청이 맞을 때마다 에이전트가 사용합니다.

가장 빠른 방법: 에이전트에게 맡기기

Skill 페이지에서 설치 프롬프트를 복사해 에이전트에 붙여 넣으세요:

https://claude-motion.com/skills/<slug>/install.md 를 읽고 안내대로 "<slug>" 스킬을 설치한 다음, 그 스킬로 첫 영상을 만들어 주세요.

에이전트가 가이드를 읽고, 브라우저에서 압축 파일을 다운로드하도록 요청하고, 올바른 폴더에 압축을 풀고, 첫 렌더링을 실행합니다.

직접 설치

Skill 페이지에서 ZIP을 다운로드합니다.
폴더 이름이 그대로 유지되도록 압축을 풉니다(<slug>/SKILL.md):
- Claude Code: ~/.claude/skills/<slug>/, 또는 프로젝트 안의 .claude/skills/<slug>/
- Codex: ~/.agents/skills/<slug>/
- Cursor: 프로젝트 안의 .cursor/skills/<slug>/
- Gemini CLI: ~/.gemini/skills/<slug>/
에이전트 세션을 새로 시작하면 Skill을 불러옵니다.

mkdir -p ~/.claude/skills
unzip -o ~/Downloads/kinetic-type-title.zip -d ~/.claude/skills/

컴퓨터에 필요한 것

Node.js 22 이상
FFmpeg(macOS에서는 brew install ffmpeg)
Google Chrome(렌더러가 헤드리스로 구동합니다)

HyperFrames CLI는 Skill이 처음 렌더링할 때 npx로 자동 설치됩니다.

Skill 쓰기

그냥 요청하세요: "Ship faster, sleep better라고 쓰인 9:16 타이틀 카드를 만들어 줘." 에이전트가 템플릿을 복사하고, brief.json을 쓰고, hyperframes check를 실행하고, 스냅샷 프레임으로 레이아웃 문제를 확인한 뒤, MP4를 렌더링하고 위치를 알려 줍니다.