AI 스킬마트스킬 둘러보기명령어프로그램배우기스킬이 뭐예요?
 
← 목록으로

브레이크다운 (3D 분해도 릴)

스펙 JSON 하나로 폰이 층층이 분해되며 라벨이 붙는 3D 릴 영상을 렌더링해 줍니다.

이미지·영상중급★ 272⑂ 34AI 점수 8/10마지막 업데이트: 2026. 11. 1.

무엇을 해주나

  • 어두운 스튜디오 배경에서 휴대폰이 유리·디스플레이·프레임·기판·배터리·후면 6개 층으로 천천히 분해되는 3D 애니메이션을 만듭니다.
  • 각 층에서 얇은 리더 라인이 뻗어 나와 오른쪽 라벨 칼럼에 01~06 번호와 설명을 붙입니다.
  • <이름>.breakdown.json 스펙만 작성하면 build.py가 헤드리스 크롬 WebGL로 렌더해 mp4 경로를 돌려줍니다.
  • --snap 옵션으로 조립(1.0초)·분해(3.8초) 시점 스냅샷을 먼저 뽑아 라벨 위치를 검수할 수 있습니다.

이런 분께 추천

  • 제품 소개 릴이나 숏폼에 '내부가 어떻게 생겼나' 티저를 넣고 싶은 마케터·크리에이터
  • 하드웨어 스펙을 시각적으로 설명해야 하는 제품 기획자
  • 태블릿, 노트북 상판, 카드지갑, 스마트워치처럼 평평한 적층 구조물을 표현하려는 디자이너

활용 예시

  1. /breakdown을 실행하고 "배터리 3,582mAh, 6.3인치 OLED" 같은 실제 스펙을 라벨로 넣어 신제품 티저 제작.
  2. 라벨을 농담조("배터리 / 늘 모자람")로 바꿔 SNS용 유머 릴 제작.
  3. template.html을 복사하고 PW/PL/PR, slab(), ANCHORS를 고쳐 스마트워치 분해도로 변형.

· · · 설치 가이드 · · ·

설치 없이 지금 한 번 써보기

아래를 Claude에 붙여넣으면 설치하지 않고도 이 스킬을 그대로 씁니다.

이 파일의 지시를 읽고 그대로 따라서 나를 도와줘:
https://raw.githubusercontent.com/artemnovitckii/claude-animation-skills/HEAD/skills/breakdown/SKILL.md

내가 원하는 것: (여기에 하고 싶은 일을 쓰세요)

Claude가 링크를 열지 못하면, 링크를 직접 열어 내용을 복사해 붙여넣으세요.

↓ 쓸 만하면 아래에서 ZIP을 받아 설치하세요. 그러면 매번 붙여넣지 않아도 알아서 작동합니다.

Claude 앱에 설치 (터미널 필요 없음)
  1. 아래 버튼으로 ZIP 파일을 받으세요.
  2. Claude 설정 → Capabilities에서 '코드 실행 및 파일 생성'을 켭니다. (한 번만)
  3. Claude에서 Customize → Skills → + → '스킬 업로드'를 누르고 받은 ZIP을 올립니다.
↓ ZIP 내려받기
Claude Code에 설치

Claude에게 맡기기 — 아래 문장을 Claude Code에 붙여넣으세요

AI 스킬마트에서 찾은 스킬을 설치해줘.
GitHub 저장소 artemnovitckii/claude-animation-skills 의 skills/breakdown 폴더를 내 ~/.claude/skills/breakdown/ 에 그대로 복사해줘.
설치가 끝나면 이 스킬로 무엇을 할 수 있는지 한 줄로 알려줘.

직접 명령으로 설치하기

git clone https://github.com/artemnovitckii/claude-animation-skills.git && mkdir -p ~/.claude/skills && cp -r claude-animation-skills/skills/breakdown ~/.claude/skills/ && cp -r claude-animation-skills/kit ~/.claude/

⚠ 제3자가 만든 스킬입니다. 설치 전 원본 저장소를 한 번 확인하세요.

  1. 터미널에서 저장소를 복제합니다: git clone https://github.com/artemnovitckii/claude-animation-skills.git
  2. 스킬 폴더를 만듭니다: mkdir -p ~/.claude/skills
  3. 스킬을 복사합니다: cp -r claude-animation-skills/skills/breakdown ~/.claude/skills/
  4. 공용 렌더 키트도 함께 복사합니다: cp -r claude-animation-skills/kit ~/.claude/
  5. 사전 도구를 설치합니다: Node.js와 ffmpeg (macOS는 brew install node ffmpeg).
  6. Claude Code를 재시작하고 /breakdown을 입력합니다. 처음 실행 시 kit/setup.sh가 three.js 등 의존성을 내려받습니다.
  7. 라벨 6개를 정한 뒤 렌더를 돌리고(약 1.5분), 먼저 --snap 3.8로 라벨 위치를 확인하세요.
GitHub에서 원본 보기 ↗라이선스: NOASSERTION