jpskill.com
🎬 動画AI コミュニティ

storyboard-creation

映画や動画の企画段階で、ショットの種類、カメラアングル、動き、連続性などを考慮した絵コンテを作成するSkill。

📜 元の英語説明(参考)

Film and video storyboarding with shot vocabulary, continuity rules, and panel layout. Covers shot types, camera angles, movement, 180-degree rule, and annotation format. Use for: video planning, film pre-production, ad storyboards, music video planning, animation. Triggers: storyboard, storyboarding, shot list, film planning, video planning, pre production, shot composition, camera angles, scene planning, visual script, animatic, storyboard panels, video storyboard

🇯🇵 日本人クリエイター向け解説

一言でいうと

映画や動画の企画段階で、ショットの種類、カメラアングル、動き、連続性などを考慮した絵コンテを作成するSkill。

※ jpskill.com 編集部が日本のビジネス現場向けに補足した解説です。Skill本体の挙動とは独立した参考情報です。

⚠️ ダウンロード・利用は自己責任でお願いします。当サイトは内容・動作・安全性について責任を負いません。

🎯 このSkillでできること

下記の説明文を読むと、このSkillがあなたに何をしてくれるかが分かります。Claudeにこの分野の依頼をすると、自動で発動します。

📦 インストール方法 (3ステップ)

  1. 1. 上の「ダウンロード」ボタンを押して .skill ファイルを取得
  2. 2. ファイル名の拡張子を .skill から .zip に変えて展開(macは自動展開可)
  3. 3. 展開してできたフォルダを、ホームフォルダの .claude/skills/ に置く
    • · macOS / Linux: ~/.claude/skills/
    • · Windows: %USERPROFILE%\.claude\skills\

Claude Code を再起動すれば完了。「このSkillを使って…」と話しかけなくても、関連する依頼で自動的に呼び出されます。

詳しい使い方ガイドを見る →
最終更新
2026-05-17
取得日時
2026-05-17
同梱ファイル
1

📖 Skill本文(日本語訳)

※ 原文(英語/中国語)を Gemini で日本語化したものです。Claude 自身は原文を読みます。誤訳がある場合は原文をご確認ください。

[Skill 名] ストーリーボード作成

inference.sh CLI を介した AI 画像生成で、視覚的なストーリーボードを作成します。

クイックスタート

curl -fsSL https://cli.inference.sh | sh && infsh login

# ストーリーボードパネルを生成
infsh 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
}'

# パネルをボードに結合
infsh app run infsh/stitch-images --input '{
  "images": ["panel1.png", "panel2.png", "panel3.png"],
  "direction": "horizontal"
}'

ショットの種類

略語 名称 フレーム 使用場面
ECU エクストリームクローズアップ 目のみ、細部 激しい感情、詳細の描写
CU クローズアップ 顔がフレームいっぱいに 感情、反応、会話
MCU ミディアムクローズアップ 頭と肩 インタビュー、会話
MS ミディアムショット 腰から上 一般的な会話、アクション
MLS ミディアムロングショット 膝から上 歩行、カジュアルな交流
LS ロングショット 全身 環境の中のキャラクター
WS ワイドショット 環境が支配的 場所、規模の確立
EWS エクストリームワイドショット 広大な風景 壮大なスケール、孤立、トランジション

各ショットタイプの生成

# クローズアップ — 感情に焦点
infsh 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
}'

# ミディアムショット — 会話シーン
infsh 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
}'

# ワイドショット — 確立
infsh 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人のキャラクターの間に線(軸)を想像してください。カメラはその線の片側に留まらなければなりません。

         キャラクター A        キャラクター B
              ●─────────────────●
             /                   \
           /     カメラゾーン      \
         /     (この側に留まる)  \
       📷          📷          📷
     カメラ 1   カメラ 2   カメラ 3

線を越えると、視聴者は空間的な関係について混乱します。意図的に(間に中立のショットを挟むか、目に見えるカメラの動きを伴って)のみ越えてください。

マッチオンアクション

同じアクションの2つのアングル間でカットする場合、アクションはシームレスに継続しなければなりません。

パネル A: ドアの取っ手に手が伸びる (ミディアムショット)
パネル B: ドアの取っ手を掴む手 (クローズアップ)
         ↑ アクションは同じ時点から継続

アイラインマッチ

キャラクターが何かを見るとき、次のショットは、そのキャラクターの視点から、彼らが見ているものを映すべきです。

パネル A: キャラクターが右上を見る
パネル B: 彼らが見ているオブジェクト、やや左下からフレーミング

スクリーンディレクション

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

パネルレイアウト

標準フォーマット

レイアウト パネル数 用途
2x3 (6パネル) 1ページあたり6枚 詳細なシーン、会話
3x3 (9パネル) 1ページあたり9枚 アクションシーケンス、モンタージュ
2x2 (4パネル) 1ページあたり4枚 キーとなる瞬間、プレゼンテーション
シングル 1ページあたり1枚 ヒーローショット、重要な瞬間

パネル注釈フォーマット

各パネルには以下を含めるべきです。

┌────────────────────────────────────┐
│ シーン 3 — ショット 2              │ ← シーンとショット番号
│                                    │
│   [ここに生成された画像]           │ ← ビジュアル
│                                    │
├────────────────────────────────────┤
│ ショット: MS、アイレベル           │ ← ショットの種類とアングル
│ 動き: ゆっくりとしたドリーイン     │ ← カメラの動き
│ 継続時間: 4秒                      │ ← 推定継続時間
│ アクション: サラが手紙を開ける     │ ← 何が起こるか
│ 会話: 「これで全てが変わる」       │ ← 話されたセリフ
│ S
📜 原文 SKILL.md(Claudeが読む英語/中国語)を展開

Storyboard Creation

Create visual storyboards with AI image generation via inference.sh CLI.

Quick Start

curl -fsSL https://cli.inference.sh | sh && infsh login

# Generate a storyboard panel
infsh 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
infsh app run infsh/stitch-images --input '{
  "images": ["panel1.png", "panel2.png", "panel3.png"],
  "direction": "horizontal"
}'

Shot Types

Abbreviation Name Framing When to Use
ECU Extreme Close-Up Eyes only, a detail Intense emotion, revealing detail
CU Close-Up Face fills frame Emotion, reaction, dialogue
MCU Medium Close-Up Head and shoulders Interviews, conversations
MS Medium Shot Waist up General dialogue, action
MLS Medium Long Shot Knees up Walking, casual interaction
LS Long Shot Full body Character in environment
WS Wide Shot Environment dominant Establishing location, scale
EWS Extreme Wide Shot Vast landscape Epic scope, isolation, transitions

Generating Each Shot Type

# Close-Up — emotion focus
infsh 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
infsh 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
infsh 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
}'

Camera Angles

Angle Effect When to Use
Eye Level Neutral, natural Default for most scenes
High Angle Subject looks small, vulnerable Showing weakness, overview
Low Angle Subject looks powerful, dominant Authority, heroism, threat
Bird's Eye God-like overview Maps, establishing geography
Worm's Eye Extreme power, awe Architecture, towering figures
Dutch Angle Unease, disorientation Tension, madness, action
Over-the-Shoulder (OTS) Viewer positioned with character Conversations, POV

Camera Movement

Movement Description Emotion
Pan Camera rotates horizontally (on tripod) Scanning, following, revealing
Tilt Camera rotates vertically (on tripod) Revealing height, power
Dolly Camera moves toward/away from subject Intimacy (in), distance (out)
Truck Camera moves laterally Following alongside, revealing
Crane/Jib Camera moves up or down vertically Grand reveals, transitions
Zoom Lens focal length changes (camera stays) Focus shift, dramatic emphasis
Steadicam/Gimbal Smooth handheld tracking Immersion, following action
Handheld Deliberate camera shake Urgency, documentary feel, chaos
Static Camera doesn't move Stability, observation, tension

In storyboards, indicate movement with arrows drawn on panels.

Continuity Rules

The 180-Degree Rule

Imagine a line (axis) between two characters in conversation. The camera must stay on ONE side of that line.

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

Crossing the line confuses the viewer about spatial relationships. Only cross intentionally (with a neutral shot in between or a visible camera move).

Match on Action

When cutting between two angles of the same action, the action must continue seamlessly:

Panel A: Hand reaches for door handle (medium shot)
Panel B: Hand grabs door handle (close-up)
         ↑ Action continues from same point

Eyeline Match

When a character looks at something, the next shot should show what they're looking at, from their approximate point of view.

Panel A: Character looks up and to the right
Panel B: The object they see, framed from slightly below-left

Screen Direction

If a character moves left-to-right in one shot, they should continue left-to-right in the next. Reversing direction implies they turned around.

Panel Layout

Standard Formats

Layout Panels Use For
2x3 (6 panels) 6 per page Detailed scenes, dialogue
3x3 (9 panels) 9 per page Action sequences, montages
2x2 (4 panels) 4 per page Key moments, presentations
Single 1 per page Hero shots, critical moments

Panel Annotation Format

Each panel should include:

┌────────────────────────────────────┐
│ 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
└────────────────────────────────────┘

Storyboard Workflow

Step 1: Shot List

Before generating images, write a shot list:

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)

Step 2: Generate Panels

Use consistent style across all panels:

# 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
infsh 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
infsh 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
infsh 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

Step 3: Assemble Board

# Stitch panels into rows
infsh app run infsh/stitch-images --input '{
  "images": ["panel_1_1.png", "panel_1_2.png", "panel_1_3.png"],
  "direction": "horizontal"
}'

infsh 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
infsh app run infsh/stitch-images --input '{
  "images": ["row1.png", "row2.png"],
  "direction": "vertical"
}'

Style Consistency Tips

  • Use the same style suffix across all panels (lens, color grade, lighting)
  • Use FLUX LoRA if you need consistent characters across panels
  • Keep the same aspect ratio for all panels
  • Generate more panels than you need and select the best
  • If a panel doesn't match the style, regenerate with adjusted prompt

Common Mistakes

Mistake Problem Fix
Crossing the 180-degree line Confuses spatial relationships Stay on one side or use neutral shot
All same shot type Visually boring, no rhythm Vary between CU, MS, WS
No establishing shot Viewer doesn't know where they are Start scenes with WS or EWS
Too many shots per scene Pacing drags 5-8 shots per scene is typical
Inconsistent style between panels Looks like different projects Use same style prompt suffix
Missing annotations Panels are ambiguous Always note shot type, movement, action

Related Skills

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

Browse all apps: infsh app list