Communitygithub.com

z1fex/04-ストーリーボードとショットプラン

3Dアニメーション映画を一文節ごとに1ショットとして分割し、言葉、場所、被写体、アクションとその着地ワード、顔交換、カメラ移動、数字デバイス、キャプション、サウンドキューを計画し、レンダリングされたスチルでレビューします。音声ナレーション(またはドラフトタイミング)の後、ショット構築の前に使用します。

04-ストーリーボードとショットプラン とは?

このスキルは、3Dアニメーション映画のストーリーボードとショットプランを作成するための包括的なガイドです。ナレーションを句読点で分割し、各文節を1つのショットとして割り当てます。各ショットには、時間、言葉、場所、被写体、アクション、顔の表情、カメラワーク、数字デバイス、キャプション、サウンドといった詳細情報をストーリーボードテンプレートに記入します。ショットのリズムとしては、距離(ワイド→ミディアム→クローズ→インサート→ワイド)を交互に変え、数字にはデバイスインサート、顔の反応にはクローズアップを配置します。また、ストーリーボードをスチル画像としてレンダリングし、フレーミングチェックや品質保証(QA)を行うためのツール(render.mjs)も提供します。最終的には、オーナーがストーリーボードボード(storyboard-board.mjs)を使って承認するプロセスを経てから、詳細なショット構築に進みます。このスキルはClaude Code、Cursor、CodexといったAIエージェント向けに設計されており、開発者やアーティストが効率的にアニメーションの計画とレビューを行うことを可能にします。

対応~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 · ストーリーボードとショットプラン

一文節=1ショット

ナレーションをカンマ、コロン、ピリオドで分割します。各部分が1つのショットとなり、その節の最初の単語から始まります。30秒のフィルムは約20ショット(各1.0~2.4秒)です。新しいアクションが内部にない限り、ショットを2.5秒以上保持しないでください。

ストーリーボードの行

各ショットについて、1行を記入します(ストーリーボードテンプレートをコピー):

フィールド記入内容例(ショット12、重力)
#, timeショット番号、開始~終了時間(秒)12 · 15.91–17.90
Words正確な節"two hundred and forty thousand miles away."
Placeどのセットかspace
Subject(s)フレーム内に存在しなければならないもの(フレーミングチェックで使用)the tape-measure counter, the Moon
Action → landing word何が起こり、どの単語で着地するかthe tape runs out from Earth to the Moon; the counter rolls and stops on "away"
Faces表情の交換とその単語Earth smug; Moon surprised
Cameraオービットムーブ:被写体、距離、ヨー、ピッチ、視野(開始→終了)side view of the whole line, creeping in 10.6 → 10.0
Number object各数字のデバイス(スキル9)tape measure + "240,000 MILES" counter
Captionキャプションロックアップ(スキル11)^240,000 / *miles away.*
Soundフォーリーとアクセント(スキル12)tape whir + counter ticks; a ding on 240,000

ショットのリズム

  • 距離を交互に変える:ワイド → ミディアム → クローズ → インサート(オブジェクトまたはデバイス) → ワイド。
  • デバイスインサートは数字に配置し、クローズアップは顔の反応に配置します。
  • ビート(賭け金、エスカレーション、ひねり)で場所を変更し、新しい場所には動くカメラと柔らかなウィッシュ音で入ります。
  • フックショットとループショットは同じフレーミングであるため、ループはシームレスになります。

タイミングヘルパー(film.mjs内)

  • LEAD = 4 * F:ジェスチャーまたはデバイスがその単語の4フレーム前にキーポーズに達します。
  • FACE = 2 * F:顔交換の新しい顔がその単語の2フレーム前に表示されます(半閉じフレームと閉じフレームの後)。
  • ショット w:ショットの最初の単語のインデックス。s.start = W(w)、s.end = 次のショットの開始。

ストーリーボードを画像でレビュー

詳細をアニメーション化する前に、ショットごとに1つのスチルとコンタクトシート、およびフレーミングチェックをレンダリングします。 node recipe/tools/render.mjs examples/<slug>/film.mjs <outDir> --stills shots --qa

確認事項:被写体が電話サイズで読み取れること、キャプションバンドがクリアであること、場所が明確であること、音声をオフにしてもストーリーが読めること。

オーナーが先にストーリーボードを承認

オーナーのルール(2026年10月27日):「まずストーリーボードを作成してほしい…私自身がループできるように…ストーリーボードが気に入ったら、その後生成してよい。」これはオプションではありません。オーナーのストーリーボードボード(recipe/tools/storyboard-board.mjs)を使用します:

  • ヘッダー: タイトル · 期間 · サイズ · BPM · シーン数、次にフィルムに関する数行のプレーンなテキスト、そして「あなたへの決定事項」。
  • ショットごとに1つの番号付きパネル: その時間とタイトル、言葉、レンダリングされたスチル、explains:行、sound:行、→ motion行、タグ("kept from v2"、"new")および👍/👎。
  • ストーリーリード(オーナー、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ページ。ページ上でオーナーは👍/👎をマークし、「Copy feedback」を押します。
  • その後停止します。 オーナーにボードを渡し、storyboard-2、storyboard-3…に改訂します(以前のボードは保持)。承認されるまで続けます。
  • その後にのみ音声を録音し、詳細にショットを構築します。完成したフィルムは承認されたパネルと一致しなければなりません。

実例

重力フィルムのストーリーボード:20ショット、すべてのフィールドが記入されています。

Individual skills in this repo

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

関連スキル