mcpField
S
storyboard-creation

storyboard-creation

github.com/inference-shクリエイティブ・メディア789107.1k 回インストール2 週間前に更新
リポジトリ

storyboard-creation について

inference.sh のAI画像生成でビジュアルストーリーボードを作る belt CLI スキルです。ショット選び、カメラワーク、連続性、パネル配置から生成・組み立てまでを解説します。

主な機能

  1. 01ショットの種類とカメラアングル
  2. 02カメラワークの参考
  3. 03カットの連続性ルール
  4. 04パネル配置と注釈形式
  5. 05画像生成と組み立ての手順
  6. 06スタイル統一の指針

活用シーン

  1. 01シーンのショットリスト作成
  2. 02統一感のあるストーリーボード画像の生成
  3. 03パネルをページに配置

インストール

コマンドをコピーしてターミナルで実行します。

$npx skills add https://github.com/inference-sh/skills --skill storyboard-creation

インストール後、Claude Code で/storyboard-creationを入力して読み込まれたか確認します。

詳細

belt CLI スキルをインストール: npx skills add belt-sh/cli

ストーリーボードの作成

inference.sh CLI を使用して、AI 画像生成によるビジュアルなストーリーボードを作成します。

クイックスタート

inference.sh CLI(belt)が必要です。インストール手順

belt login

# Generate a storyboard panel
belt app run falai/flux-dev-lora --input '{
  "prompt": "storyboard panel, wide establishing shot of a modern city skyline at sunset, cinematic composition, slightly desaturated colors, film still style, 16:9 aspect ratio",
  "width": 1248,
  "height": 832
}'

# Stitch panels into a board
belt app run infsh/stitch-images --input '{
  "images": ["panel1.png", "panel2.png", "panel3.png"],
  "direction": "horizontal"
}'

ショットの種類

略称名前フレーミング使用する場面
ECUエクストリーム・クローズアップ目のみ、または細部強い感情、細部を見せる
CUクローズアップ顔がフレームを占める感情、反応、会話
MCUミディアム・クローズアップ頭から肩までインタビュー、会話
MSミディアムショット腰から上一般的な会話、アクション
MLSミディアム・ロングショット膝から上歩行、気軽なやり取り
LSロングショット全身環境の中のキャラクター
WSワイドショット環境が中心場所やスケールを示す
EWSエクストリーム・ワイドショット広大な風景壮大なスケール、孤立、場面転換
各ショットの種類の生成
# Close-Up — emotion focus
belt app run falai/flux-dev-lora --input '{
  "prompt": "close-up shot of a woman face showing concern, soft dramatic lighting from the left, shallow depth of field, cinematic film still, slightly desaturated",
  "width": 1248,
  "height": 832
}'

# Medium Shot — dialogue scene
belt app run falai/flux-dev-lora --input '{
  "prompt": "medium shot of two people talking across a table in a cafe, warm afternoon light through windows, natural composition, cinematic film still, 35mm lens look",
  "width": 1248,
  "height": 832
}'

# Wide Shot — establishing
belt app run falai/flux-dev-lora --input '{
  "prompt": "wide establishing shot of a futuristic laboratory interior, dramatic overhead lighting, long corridor with glass walls, sci-fi atmosphere, cinematic composition, anamorphic lens style",
  "width": 1248,
  "height": 832
}'

カメラアングル

アングル効果使用する場面
アイレベル中立的で自然ほとんどのシーンの基本
ハイアングル被写体が小さく、弱々しく見える弱さを示す、俯瞰する
ローアングル被写体が力強く、支配的に見える権威、英雄性、脅威
バードアイ神の視点のような俯瞰地図、地理の提示
ワームズアイ圧倒的な力、畏怖建築物、そびえ立つ人物
ダッチアングル不安、方向感覚の喪失緊張、狂気、アクション
オーバー・ザ・ショルダー(OTS)キャラクターと同じ位置から見る会話、POV

カメラの動き

動き説明感情
パンカメラを水平に回転させる(三脚上)スキャン、追跡、見せる
チルトカメラを垂直に回転させる(三脚上)高さや力を見せる
ドリーカメラを被写体に近づける/遠ざける親密さ(近づく)、距離(離れる)
トラックカメラを横方向に移動させる横に並んで追う、見せる
クレーン/ジブカメラを垂直に上下させる壮大な見せ場、場面転換
ズームレンズの焦点距離を変える(カメラはその場に留まる)焦点の移動、劇的な強調
ステディカム/ジンバル滑らかに手持ちで追跡する没入感、アクションの追跡
手持ち意図的にカメラを揺らす緊迫感、ドキュメンタリー風、混乱
固定カメラを動かさない安定、観察、緊張

ストーリーボードでは、パネル上に矢印を描いて動きを示します。

連続性のルール

180度ルール

会話する2人のキャラクターの間に線(軸)があると想像してください。カメラは、その線の片側にとどめる必要があります。

         Character A        Character B
              ●─────────────────●
             /                   \
           /     CAMERA ZONE      \
         /     (stay on this side)  \
       📷          📷          📷
     Camera 1   Camera 2   Camera 3

線を越えると、視聴者は空間的な位置関係を把握しにくくなります。意図的に越える場合は、中立的なショットを間に挟むか、カメラの動きを見せてください。

アクションの一致

同じアクションを2つのアングルから切り替えて見せる場合、動作が途切れず続いていなければなりません。

Panel A: Hand reaches for door handle (medium shot)
Panel B: Hand grabs door handle (close-up)
         ↑ Action continues from same point
アイライン・マッチ

キャラクターが何かを見る場合、次のショットでは、おおよそそのキャラクターの視点から、見ている対象を映します。

Panel A: Character looks up and to the right
Panel B: The object they see, framed from slightly below-left
画面上の方向

あるショットでキャラクターが左から右へ移動した場合、次のショットでも左から右へ移動させます。方向を逆にすると、キャラクターが向きを変えたことを示唆します。

パネルのレイアウト

標準的な形式
レイアウトパネル数用途
2x3(6パネル)1ページあたり6パネル細かいシーン、会話
3x3(9パネル)1ページあたり9パネルアクションシーケンス、モンタージュ
2x2(4パネル)1ページあたり4パネル重要な瞬間、プレゼンテーション
単一1ページあたり1パネル主役となるショット、重要な瞬間
パネルの注釈形式

各パネルには、次の内容を含めてください。

┌────────────────────────────────────┐
│ SCENE 3 — SHOT 2                   │ ← Scene and shot number
│                                    │
│   [Generated image here]           │ ← Visual
│                                    │
├────────────────────────────────────┤
│ Shot: MS, eye level                │ ← Shot type and angle
│ Movement: Slow dolly in            │ ← Camera movement
│ Duration: 4 sec                    │ ← Estimated duration
│ Action: Sarah opens the letter     │ ← What happens
│ Dialogue: "This changes everything"│ ← Any spoken lines
│ SFX: Paper rustling, clock ticking │ ← Sound effects
│ Music: Tension builds              │ ← Music cue
└────────────────────────────────────┘

ストーリーボードのワークフロー

ステップ1:ショットリスト

画像を生成する前に、ショットリストを作成します。

SCENE 1 — OFFICE, DAY

1.1  WS  - Establishing shot of office building exterior, morning
1.2  MS  - Sarah walks through office, carrying coffee
1.3  CU  - Sarah's face, notices something on her desk
1.4  ECU - An envelope on the desk, unfamiliar handwriting
1.5  MS  - Sarah picks up envelope, opens it
1.6  CU  - Sarah's eyes widen as she reads
1.7  ECU - Key phrase on the letter (insert text)
ステップ2:パネルの生成

すべてのパネルで一貫したスタイルを使用します。

# Establish a consistent style prompt suffix
STYLE="cinematic film still, slightly desaturated, warm color grade, 35mm lens, shallow depth of field"

# Panel 1.1 — Wide establishing
belt app run falai/flux-dev-lora --input "{
  \"prompt\": \"wide shot of a modern glass office building exterior, morning golden hour light, people entering, $STYLE\",
  \"width\": 1248, \"height\": 832
}" --no-wait

# Panel 1.2 — Medium shot
belt app run falai/flux-dev-lora --input "{
  \"prompt\": \"medium shot of a professional woman walking through a modern open office, carrying coffee cup, morning light through windows, $STYLE\",
  \"width\": 1248, \"height\": 832
}" --no-wait

# Panel 1.3 — Close-up
belt app run falai/flux-dev-lora --input "{
  \"prompt\": \"close-up of a woman face looking down at her desk with curious expression, soft office lighting, $STYLE\",
  \"width\": 1248, \"height\": 832
}" --no-wait
ステップ 3:ボードを組み立てる
# Stitch panels into rows
belt app run infsh/stitch-images --input '{
  "images": ["panel_1_1.png", "panel_1_2.png", "panel_1_3.png"],
  "direction": "horizontal"
}'

belt app run infsh/stitch-images --input '{
  "images": ["panel_1_4.png", "panel_1_5.png", "panel_1_6.png"],
  "direction": "horizontal"
}'

# Then stitch rows vertically for full page
belt app run infsh/stitch-images --input '{
  "images": ["row1.png", "row2.png"],
  "direction": "vertical"
}'

スタイルの一貫性を保つためのヒント

  • すべてのパネルで同じスタイルの接尾辞(レンズ、カラーグレーディング、ライティング)を使用します
  • パネル間でキャラクターの一貫性を保つ必要がある場合は、FLUX LoRAを使用します
  • すべてのパネルで同じアスペクト比を維持します
  • 必要数より多くのパネルを生成し、最適なものを選びます
  • パネルがスタイルに合わない場合は、プロンプトを調整して再生成します

よくある間違い

間違い問題修正方法
180 度の線を越える空間関係が混乱します片側を保つか、ニュートラルショットを使います
すべて同じショットタイプにする見た目が単調になり、リズムがなくなりますCU、MS、WS を使い分けます
エスタブリッシングショットがない視聴者がどこにいるのかわかりませんシーンは WS または EWS で始めます
1 シーンあたりのショット数が多すぎるペースが遅くなります1 シーンあたり 5~8 ショットが一般的です
パネル間でスタイルに一貫性がない別々のプロジェクトのように見えます同じスタイルプロンプトの接尾辞を使います
注釈がないパネルの意味が曖昧になりますショットタイプ、動き、アクションを必ず記載します

関連スキル

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@ai-video-generation
npx skills add inference-sh/skills@video-prompting-guide
npx skills add inference-sh/skills@prompt-engineering

すべてのアプリを閲覧:belt app list

コメント