Communitygithub.com

z1fex/04-storyboard-and-shot-plan

3D 카툰 애니메이션 영화를 컷 단위로 계획합니다. 내레이션의 각 절이 하나의 컷이 되며, 대사, 장소, 주체, 액션, 표정 전환, 카메라 움직임, 숫자 장치, 자막 및 사운드 큐를 포함합니다. 렌더링된 스틸로 검토하며, 보이스오버 이후 (또는 대략적인 타이밍과 함께) 그리고 실제 컷 제작 전에 사용합니다.

04-storyboard-and-shot-plan란 무엇인가요?

이 스킬은 3D 카툰 애니메이션 제작 과정에서 내레이션을 분석하여 장면별(컷별)로 세분화된 스토리보드와 촬영 계획을 수립합니다. 사용자는 각 컷에 대해 시간, 대사, 장소, 주체, 액션, 표정, 카메라 움직임, 숫자 장치, 자막, 사운드 큐 등 상세한 정보를 테이블 형식으로 입력합니다. 이 스킬은 컷의 리듬(와이드, 미디엄, 클로즈업, 인서트 샷 교차), 타이밍(LEAD, FACE 상수 사용), 그리고 카메라 움직임에 대한 구체적인 지침을 제공합니다. 또한 렌더링된 스틸 이미지를 통해 스토리보드를 시각적으로 검토하고, 소유자가 승인할 때까지 반복적인 수정(보드 생성, 피드백, 수정)을 거칩니다. 지원 플랫폼으로는 Claude Code, Cursor, Codex 등의 AI 에이전트와 함께 사용되며, 특히 `recipe/tools/render.mjs`와 `recipe/tools/storyboard-board.mjs` 도구를 통해 실제 렌더링 및 보드 생성을 자동화합니다. 이 스킬의 핵심은 전체 영화 제작의 청사진을 마련하여 이후의 상세 애니메이션 작업을 안내하고, 소유자의 조기 승인을 통해 불필요한 작업을 방지하는 데 있습니다.

지원 대상~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/z1fex/3D-Cartoon-Style-Animation-Claude-Skill/tree/HEAD/skills/04-storyboard-and-shot-plan

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

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

문서

4 · 스토리보드 및 촬영 계획

하나의 절 = 하나의 컷

쉼표, 콜론, 마침표에서 내레이션을 분할합니다. 각 조각이 하나의 컷이 되며, 해당 절의 첫 단어에서 시작합니다. 30초 영화는 약 20개의 컷(각각 1.0–2.4초)입니다. 내부에 새로운 액션 없이 컷을 약 2.5초 이상 유지하지 마십시오.

스토리보드 행

각 컷에 대해 한 행을 작성합니다(스토리보드 템플릿 복사):

필드작성할 내용예시 (컷 12, 중력)
#, 시간컷 번호, 시작-종료 시간(초)12 · 15.91–17.90
대사정확한 절"이십사만 마일 떨어진 곳에."
장소어떤 세트인지우주
주체프레임에 반드시 포함되어야 할 것 (프레이밍 확인에 사용됨)줄자 카운터, 달
액션 → 착지 단어발생하는 일과 액션이 도달하는 단어줄자가 지구에서 달까지 풀려 나가고, 카운터가 돌아가며 "곳에"에서 멈춤
표정표정 교체와 그 단어들지구 능글맞음, 달 놀람
카메라궤도 이동: 시작 → 종료 시점의 주체, 거리, 요, 피치, 시야각전체 선의 측면 뷰, 10.6 → 10.0으로 서서히 줌인
숫자 오브젝트각 숫자에 대한 장치(스킬 9)줄자 + "240,000 마일" 카운터
자막자막 구성(스킬 11)^240,000 / *마일 떨어진 곳에.*
사운드효과음과 악센트(스킬 12)줄자 윙윙 + 카운터 딸깍; 240,000에서 딩 소리

컷 리듬

  • 거리 교대: 와이드 → 미디엄 → 클로즈업 → 인서트(오브젝트 또는 장치) → 와이드.
  • 장치 인서트는 숫자에, 클로즈업은 표정 반응에 배치합니다.
  • 비트(이해관계, 고조, 반전)에서 장소를 변경하고, 각 새 장소는 움직이는 카메라와 부드러운 윙 소리와 함께 진입합니다.
  • 훅 샷과 루프 샷은 동일한 프레이밍이므로 루프가 매끄럽습니다.

타이밍 도우미 (film.mjs 내)

  • LEAD = 4 * F: 제스처나 장치가 해당 단어보다 4프레임 먼저 키 포즈에 도달합니다.
  • FACE = 2 * F: 표정 교체의 새 표정이 해당 단어보다 2프레임 먼저 나타납니다(반쯤 감긴 프레임과 감긴 프레임 이후).
  • 컷 w: 컷의 첫 번째 단어 인덱스; s.start = W(w), s.end = 다음 컷의 시작.

그림으로 스토리보드 검토

애니메이션 세부 작업 전에 컷당 하나의 스틸, 연락처 시트, 프레이밍 확인을 렌더링합니다: node recipe/tools/render.mjs examples/<slug>/film.mjs <outDir> --stills shots --qa

확인할 사항: 주체가 휴대폰 크기에서도 읽힐 수 있는지, 자막 밴드가 명확한지, 장소가 분명한지, 소리 없이도 이야기가 읽히는지.

소유자가 먼저 스토리보드 승인

소유자의 규칙 (2026년 10월 27일): "나는 당신이 먼저 스토리보드를 만들어서... 내가 직접 반복해서 볼 수 있도록... 스토리보드가 마음에 들면, 그때 생성해도 좋습니다." 이는 선택 사항이 아닙니다. 소유자의 스토리보드 보드(recipe/tools/storyboard-board.mjs)를 사용하십시오:

  • 헤더: 제목 · 지속 시간 · 크기 · BPM · 장면 수, 영화에 대한 몇 줄의 일반 텍스트, "당신을 위한 결정"
  • 컷당 하나의 번호가 매겨진 패널: 시간과 제목, 대사, 렌더링된 스틸, 설명: 줄, 사운드: 줄, → 모션 줄, 태그("v2에서 유지", "새로움"), 👍/👎
  • 스토리 리드 (소유자, 2026년 10월 27일: "편집이 스토리에 따라 그리고 시각 자료를 사용하여 얼마나 잘 설명할 수 있는지 확인해야 합니다.")
    • 보드의 story에 스토리를 한 문장으로 작성하십시오.
    • 모든 패널에 해당 컷이 이야기의 어떤 부분을 전달하고 그림이 어떻게 설명하는지 작성하십시오. 아무것도 설명하지 않는 컷은 다시 그려야 합니다.

storyboard/<v>/storyboard-<n>.json(templates/storyboard.json)을 작성하고, 스틸을 가리킨 다음 그립니다: node recipe/tools/storyboard-board.mjs examples/<slug>/storyboard/<v>/storyboard-<n>.json

  • 출력물: PNG와 클릭 가능한 HTML 페이지. 페이지에서 소유자가 👍/👎를 표시하고 "피드백 복사"를 누릅니다.
  • 그런 다음 중지합니다. 소유자에게 보드를 전달하고, 승인할 때까지 storyboard-2, storyboard-3...로 수정합니다(이전 보드는 유지).
  • 그 후에야 음성을 녹음하고 컷을 상세히 제작합니다. 완성된 영화는 승인된 패널과 일치해야 합니다.

작업 예시

중력 영화의 스토리보드: 20개 컷, 모든 필드가 채워짐.

Individual skills in this repo

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

관련 스킬