Communitygithub.com

uzi-090/cartoon-3d-short

アウトライン付きグラフィックキャラクターが活躍する立体的なThree.js環境で、オリジナルの縦型カートゥーンストーリーアニメーションをRemotionを使って制作します。ショートストーリー、歴史、哲学、ロマンス、解説など、この確立されたカートゥーンスタイルでアニメーションを作成するのに適しています。ストーリーの質問、脚本、ユーザー提供のナレーション、演技、カメラ、照明、コンパクトな字幕、レビュー済みの動画エクスポートをガイドします。

cartoon-3d-short とは?

このスキルは、コーディングエージェント(Claude CodeやCodexなど)が、オリジナルの縦型カートゥーン・3Dショートアニメーションを制作するための本格的なプロダクションスキルです。開発者はストーリーの考案から脚本、ユーザーによるナレーションの準備、タイミング設定、ビジュアルデザイン、そして最終的な動画レンダリングまでの全工程を、このスキルのガイドに従って進めることができます。スキルは、Three.jsとRemotionをベースにした再利用可能なスタータープロジェクトを提供し、アウトライン付きのグラフィックキャラクター、テクスチャ付きの部屋、物理ベースの照明、アニメーション、字幕コンポーネントを含んでいます。ユーザーは自分の声やAI生成の音声ファイルを提供し、スキルはそれを基にショットのタイミング、カメラワーク、演技、字幕を決定します。最終的な出力は9:16の縦型H.264動画(MP4)で、レビュープロセスを経て品質を確認します。このスキルは、技術的な整合性と視覚・ストーリーの品質を明確に区別し、単なるレンダリング成功ではなく、洗練された作品を目指すことを重視しています。

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

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

カートゥーン 3D ショート

独自のグラフィックキャラクター、色彩豊かな立体セット、目的を持った演技を用いて、オリジナルで理解しやすいストーリーのショート動画を制作します。これは、ターミナルと動作するブラウザ/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と要求されたソースを納品してください。

ビジュアルアイデンティティ

デフォルトは確立されたファミリーに従います。広く、描き込まれた豆型の頭、小さな丸みを帯びた胴体、細く流れるような棒状の腕と脚、小さな点のような手のひら、平らな足、濃淡のあるダークインク、オリジナルの顔、髪、衣装です。ターンを通じて前面の顔を貼り付けるのではなく、一貫した正面/斜め/背面のアートを使用してください。演技、マテリアル、照明、環境の深みを向上させながら、このファミリーを維持してください。ユーザーによる明示的な新しいアートディレクションで変更可能です。

立体世界には、意図的な色領域、読みやすい構造、マテリアル固有のシェーディング、サポート/コンタクトシャドウ、選択された輪郭があります。動機付けられたローカルライトは、キャラクターと世界の両方に影響を与える必要があります。ブルーム、ブラー、余分なジオメトリ、グローバルな彩度では、弱いシルエットやステージングを修復できません。含まれているアクターライブラリとテストルームはエンジニアリングの例であり、必須のキャストや最終的なフィルムデザインではありません。

デフォルトのデリバリーは9:16、30 fps、1440×2560 H.264/yuv420p、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の動作を推測するのではなく、現在の公式ドキュメントを参照してください。

関連スキル