Communitygithub.com

uzi-090/cartoon-3d-short

외곽선이 있는 그래픽 캐릭터와 Three.js 환경에서 Remotion으로 렌더링된 독창적인 세로형 카툰 스토리 애니메이션을 제작합니다. 애니메이션 단편, 역사, 철학, 로맨스, 설명 영상 등에 활용 가능합니다. 스토리 질문, 대본, 사용자 제공 음성, 연기, 카메라, 조명, 간결한 자막 및 검토된 비디오 내보내기를 안내합니다.

cartoon-3d-short란 무엇인가요?

이 스킬은 AI 코딩 에이전트(예: Claude Code, Codex)가 터미널과 WebGL 지원 브라우저를 사용하여 독창적인 3D 카툰 스타일의 세로형 단편 애니메이션을 제작할 수 있게 해주는 종합 제작 도구입니다. 사용자가 제공한 음성 내레이션, 대본, 또는 스토리 아이디어를 바탕으로 Remotion과 Three.js를 활용한 완전한 애니메이션 비디오를 생성합니다. 주요 기능으로는 1) 캐릭터 디자인 및 애니메이션(bean-shaped heads, stick limbs 스타일), 2) 3D 환경 조성(조명, 그림자, 재질), 3) 타임라인 기반 샷 연출 및 카메라 워크, 4) 음성 동기화 및 자막 삽입, 5) 최종 MP4/H.264 비디오 출력이 포함됩니다. 이 스킬은 단순한 아이디어에서 완성된 영화로 이어지는 체계적인 단계(스토리 개발 → 음성 녹음 대기 → 타임드 프로덕션 → 비주얼 확립 → 최종 렌더링)를 따르며, 사용자가 직접 제공한 음성 파일을 사용하고 TTS 서비스를 호출하지 않습니다. 번들된 React/Three.js/Remotion 스타터 프로젝트와 스크립트를 제공하여 즉시 제작을 시작할 수 있습니다.

지원 대상✓Claude Code✓Codex CLI~Cursor
npx skills add https://github.com/uzi-090/cartoon-3d-short/tree/HEAD

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

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

문서

Cartoon 3D Short (카툰 3D 단편)

독창적이고 이해하기 쉬운 단편 스토리를 제작합니다. 그래픽 캐릭터, 다채로운 3차원 세트, 목적 있는 연기를 포함합니다. 이는 터미널과 작동하는 브라우저/WebGL 렌더러를 갖춘 코딩 에이전트를 위한 프로덕션 스킬입니다. 도구를 부여하거나, 지시만으로 완성된 영화를 생성하거나, 조회수나 참조 일치를 약속하지 않습니다.

사용자의 현재 단계에서 시작하기

질문하기 전에 기존의 브리프, 대본, 오디오 및 프로젝트 상태를 읽으십시오. 사용자가 이미 결정한 사항을 반복하게 하지 마십시오. 필수적이고 빠진 질문만 하되, 가능하면 함께 물어보십시오: 주제 또는 주제 선택 도움, 픽션 대 조사된 사실, 장르/감정, 언어, 대략적인 길이/플랫폼, 중요한 캐릭터/스타일 선호도. 선택 사항인 경우 합리적인 기본값을 제안하십시오. 아이디어만 요청받은 경우, 짧은 후크/중간/결말 설명을 제공하고 거기서 멈추십시오. 요청받지 않았다면 스토리보드 아트워크를 만들지 마십시오.

다음 단계를 사용하십시오; 현재 단계 내에서 이미 승인된 작업을 계속하십시오:

  1. 스토리. story-development.md를 읽으십시오. 선택된 전제를 발전시키거나 몇 가지 다양한 아이디어를 제안하십시오. 사실 주장을 검증하십시오. 인과 개요와 결말을 테스트한 다음, 대화형 내레이션을 작성하십시오. 음성 텍스트와 카메라/SFX 노트를 분리하십시오; 유용한 표현 태그만 추가하십시오. 사용자의 녹음 핸드오프를 위해 대본을 제시하십시오.
  2. 사용자가 음성 제공. 사용자는 직접 녹음 또는 선택한 서비스의 AI 생성 오디오 파일로 수동으로 내레이션을 제공해야 합니다. 대본 합의 후 MP3/WAV/M4A를 요청하고, 시간 제작 전에 이를 기다리십시오. TTS 서비스를 호출하거나, 음성 API에 대한 접근을 발명하거나, 합성 내레이터로 대체하지 마십시오. 오디오가 이미 제공된 경우 이를 사용하십시오. voiceover-audio.md를 참조하십시오.
  3. 시간 제작 계획. 녹음을 검사하고 전사한 다음, 타이밍을 수정하고 샷 프레임, 연기, 전환, 카메라 및 자막 그룹을 정의하십시오. 단어와 속도를 유지하십시오. production.md를 읽으십시오; 유용하다면 번들된 스타터로 별도의 프로젝트를 초기화하십시오.
  4. 룩과 모션 확립. art-direction.md와 animation-camera.md를 읽으십시오. 긴 렌더 전에 실제 렌더링 경로를 통해 관련 캐릭터 뷰, 통합 세트/조명 프레임 및 짧은 액션 프루프를 만드십시오. 질문에서 참조하기 전에 모든 미리보기를 보여주십시오. 약한 디자인은 여기서 해결하십시오. 사용자가 검토 체크포인트를 요청하면 이를 존중하십시오; 그렇지 않으면 반복적인 확인 없이 승인된 제작을 계속하십시오.
  5. 빌드 및 마무리. Remotion 내에서 결정론적 Three.js 애니메이션을 구현하십시오. captions.md를 사용하여 간결한 자막을 추가한 다음, 음성 우선 믹스를 하십시오. review.md를 사용하여 인코딩된 영화를 렌더링하고 검토하십시오. MP4와 요청된 소스를 정직한 검증 커버리지와 함께 제공하십시오.

시각적 아이덴티티

확립된 패밀리를 기본으로 사용하십시오: 넓고, 저작된 콩 모양 머리; 작고 둥근 몸통; 가늘고 흐르는 막대기 팔과 다리; 작은 점 손바닥; 평평한 발; 어둡고 가변 두께의 잉크; 독창적인 얼굴, 헤어, 의상. 회전을 통해 앞면을 붙여넣는 것이 아니라 일관된 정면/3/4/후면 아트를 사용하십시오. 연기, 재질, 조명 및 환경 깊이를 개선하면서 이 패밀리를 유지하십시오. 사용자의 명시적인 새로운 아트 디렉션으로 변경할 수 있습니다.

3차원 세계는 의도적인 색상 영역, 읽기 쉬운 구조, 재질별 셰이딩, 지지/접촉 그림자 및 선택적 윤곽선을 갖습니다. 동기가 있는 로컬 라이트는 캐릭터와 세계 모두에 영향을 미쳐야 합니다. 블룸, 블러, 추가 지오메트리, 전역 채도는 약한 실루엣이나 스테이징을 복구할 수 없습니다. 포함된 액터 라이브러리와 테스트 룸은 엔지니어링 예시일 뿐, 필수 캐스트나 최종 영화 디자인이 아닙니다.

기본 전달은 9:16, 30fps, 1440×2560 H.264/yuv420p with AAC 오디오입니다; 사용자가 다른 것을 요청하면 확인하거나 적응하십시오. 영어는 시작 기본값일 뿐, 다른 언어에 제한이 아닙니다. 길이는 강제된 분이 아닌 스토리와 제공된 오디오를 따릅니다.

작업 규칙

  • 독창적인 스토리, 캐릭터 및 제작 자산을 사용하십시오. 제공된 참조의 경우 reference-study.md를 읽으십시오; 비디오, 프레임, 오디오 및 트랜스크립트를 비공개로 유지하십시오. 숨겨진 도구/리그를 사실로 추론하지 마십시오.
  • 음성 녹음을 소스 자산으로 바이트 단위로 보존하십시오. 사용자의 요청 없이 시간 늘이기, 피치 이동, 무음 재작성 또는 내레이션 교체를 하지 마십시오. 의도적인 믹싱 변경은 문서화되어야 합니다.
  • 결정, 출처, 샷 타이밍, 확인 사항 및 미해결 문제를 프로젝트 파일에 보관하십시오. 완성된 영화는 사용자가 변경을 요청하지 않는 한 닫힌 상태로 유지됩니다.
  • 가능하고 호스트가 승인한 경우 유용한 독립 검토를 선호하십시오. 필수 에이전트 수나 모델은 없습니다. 파일 소유권을 할당하고 병렬 작업이 사용되는 경우 GPU 렌더링을 직렬화하십시오. 다른 에이전트가 수행하지 않은 검사를 주장하지 마십시오.
  • 넉넉한 프로젝트별 임시 디렉토리를 사용하십시오; REMOTION_TMP, TEMP 및 TMP를 존중하십시오. 공유 임시 폴더를 정리하거나 개인 입력을 게시하지 마십시오. 영화 제작이 비디오 플랫폼이나 유료 서비스에 업로드하는 것을 암시하지 않습니다.
  • 기술적 무결성과 시각적/스토리 품질은 별개입니다. 유효한 내보내기, 레거시 숫자 점수 또는 연락처 시트만으로는 정제된 영화를 증명할 수 없습니다. 한계를 명확히 보고하십시오.

번들 리소스

  • templates/project/: 독창적인 그래픽 액터, 텍스처 방, 실제 조명, 잉크/렌즈 효과, 결정론적 애니메이션 및 자막 컴포넌트가 포함된 실행 가능한 React/Three.js/Remotion 스타터입니다. 무음 StyleDemo는 기술 예시일 뿐, 새로운 사용자의 승인된 스토리가 아닙니다.
  • scripts/init-project.mjs: 기존 폴더를 덮어쓰지 않고 스타터를 새 프로젝트로 복사합니다.
  • scripts/package-skill.mjs: 포터블 스킬과 리소스를 포함하는 설치 가능한 ZIP을 만듭니다; 생성된 출력물과 개인 제작 입력은 제외합니다.
  • scripts/validate-package.mjs: 로컬 리소스 링크와 패키징 경계를 확인합니다.
  • evals/scenarios.md: 향후 유지보수를 위한 현실적인 동작 검사입니다.

설치 및 사용 지침은 README.md에 있습니다. 현재 Codex 또는 Claude Code 환경에서 실제로 사용 가능한 기능만 사용하십시오. API 동작을 추측하는 대신 변경된 종속성에 대한 최신 공식 문서를 참조하십시오.

관련 스킬