Community画像github.com

分镜故事板生成器

根据用户描述的故事内容,润色故事线并拆分为分镜脚本,批量生成风格一致的故事板插图。提供8种视觉风格选择,基于故事类型推荐最佳风格。调用Gemini API生成图片,保存到Obsidian图片目录。触发词:「分镜故事」「故事板」「做个分镜」「创建故事板」「故事板」「画个故事」。

分镜故事板生成器 とは?

分镜故事板生成器は、ユーザーが入力したあらすじやアイデアを基に、物語の流れをブラッシュアップし、6〜10コマのストーリーボード脚本を自動生成するAIエージェントスキルです。最終的にはGemini API(gemini-3-pro-image-previewモデル)を利用して、各コマのイラストを一貫したアートスタイルでバッチ生成し、Obsidianの画像ディレクトリに16:9横長・2K解像度で保存します。特徴的なのは、サイバーパンク、ジブリ水彩、中国水墨画など8種類のビジュアルスタイルから、物語のジャンルに最適なスタイルを推薦できる点です。生成前に詳細な分鏡脚本テーブルとスタイル選択肢を提示し、ユーザー確認を経てから画像生成を行うため、意図と異なる出力を防ぎます。Claude CodeやCursorなどの開発者ツール上で動作し、カスタムスクリプト generate_image.py によって1コマずつ制御されたプロンプトで画像を生成。コマ間のキャラクター外見の一貫性を確保するための「一貫性アンカー」プロンプトも自動生成されます。また、指定されたフレームの再生成や中間フレームの追加など、イテレーションによる微調整にも対応しており、映像制作や漫画制作のプロトタイピングに強力なワークフローを提供します。

対応~Claude Code~Codex CLI~Cursor✓Gemini CLI
npx skills add https://github.com/leechary337688-sudo/game-production/tree/HEAD/skills/storyboard-generator

Installed? Explore more 画像 skills: steipete/songsee, affaan-m/frontend-design, mattpocock/improve-codebase-architecture · View all 6 →

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

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

ドキュメント

分镜故事板生成器 は何をしますか?

ユーザーの説明に基づいてストーリーラインをブラッシュアップし、ストーリーボード脚本に分割し、一貫したスタイルのストーリーボードイラストを一括生成します。

ワークフロー

フェーズ1: ストーリーのブラッシュアップとストーリーボード分割

  1. ストーリーの受け取り - ユーザーから提供されたストーリー内容(テキスト、アウトライン、着想の断片)を取得します。
  2. ストーリーラインのブラッシュアップ - ナラティブの詳細を補足し、感情の弧を整理し、構造化されたストーリー概要を出力します:
    ストーリー概要:一言でまとめ
    感情の弧:[開始] → [転機] → [結末]
    
  3. ストーリーボードへの分割 - ストーリーを6〜10のキーフレームに分割します。各フレームには以下が含まれます:
    • シーンタイトル
    • ショットタイプ(遠景/中景/近景/クローズアップなど)
    • 画面の説明(人物の動作、環境、光)
    • 感情のトーン
    • 台詞/テキスト(該当する場合)
  4. ストーリーボード脚本の表示 - テーブル形式で表示し、ユーザーの確認または調整を待ちます。

表示形式:

## ストーリーボード脚本

| # | シーン | ショット | 画面説明 | 感情 |
|---|------|---------|---------|------|
| 1 | オープニング | 遠景 | xxx | 平穏 |
| 2 | 導入 | 中景 | xxx | 好奇心 |
| ... |

フェーズ2: スタイル選択

ストーリーボード脚本が確定したら、8種類のビジュアルスタイル(references/visual-styles.md を参照)を表示します:

#スタイル一言特徴適したストーリー
1サイバーパンク漫画ネオン+ダークトーン+高コントラストテクノロジー/AI/未来
2ジブリ水彩柔らかな水彩+暖かな光日常/ほっこり/成長
3アメリカンフラットイラストベクター幾何+明るい配色プロダクト/ビジネス/教育
4映画用ストーリーボード手描き白黒スケッチ+ショット注釈動画脚本/広告
5ピクセルアートレトロ16-bitゲーム風ゲーム/ファン/ギーク
6中国水墨画墨のにじみ+詩的な余白伝統/哲学/東洋
7クリアライン漫画均一な太線+フラット彩色冒険/ユーモア/IP
8写実的なコンセプトアート映画レベルのデジタルペインティング叙事詩/SF/ファンタジー

ストーリーのジャンルと感情のトーンに基づいて、最も適したスタイルを1〜2つ推薦し、その理由を説明し、ユーザーの選択を待ちます。

フェーズ3: プロンプト生成

ユーザーがスタイルを選択したら、各ストーリーボードフレームのプロンプトを生成します。

各プロンプトの構造(references/visual-styles.md からスタイルプレフィックスとショット言語を取得):

  1. スタイルプレフィックス - 選択されたスタイルの標準的な説明
  2. ショット指示 - 例:「広角による導入ショット」/「クローズアップ」
  3. 画面の叙述 - 完全な文でシーンの内容を説明(人物、動作、環境、光、雰囲気)
  4. 感情指示 - 画面が伝えるべき感情を明示
  5. 一貫性アンカー - 重要:これはストーリーボードシーケンスの [N] フレーム目です(全 [TOTAL] フレーム中)。まったく同じアートスタイル、カラーパレット、キャラクターデザイン、ビジュアルの一貫性を維持してください。すべてのフレームに登場する同一キャラクターは完全に同じに見えなければなりません。
  6. 中国語指示(必要な場合)- 画像内のテキスト、標識、台詞はすべて中国語(簡体字)を使用してください。技術用語は英語のままでも構いません。

プロンプト概要テーブルを表示し、確認を待ちます:

## プロンプト概要

| # | シーン | ショット | スタイル | コア画面 |
|---|------|------|------|---------|
| 1 | オープニング | 遠景 | サイバーパンク | 都市のスカイライン... |
| ... |

確認後、生成を開始(全 N フレーム)

フェーズ4: 一括生成

確認後、フレームごとにスクリプトを呼び出して生成します:

python3 scripts/generate_image.py \
  --prompt "プロンプト" \
  --output "/Users/ugreen/Documents/obsidian/09image/MMDD-ストーリー名-storyboard/01-シーン名.png" \
  --api-key "AIzaSyDvvGGRbH4Os3Er0dYi0kE_AzE3_2b_Az8" \
  --api-url "https://generativelanguage.googleapis.com" \
  --model "gemini-3-pro-image-preview" \
  --aspect-ratio "16:9" \
  --resolution "2K"

注意事項:

  • ストーリーボードはデフォルトで 16:9 横長
  • 解像度はデフォルトで 2K
  • MMDD は生成日付
  • ファイル名:01-シーン略称.png、02-シーン略称.png…
  • 各フレーム間は2〜3秒の間隔を空け、レート制限を回避
  • 失敗したフレームは記録して続行し、最後に報告
  • 重要: すべてのフレームでキャラクターの外見の説明が一貫していること(髪型、服装、体型)

フェーズ5: 表示とイテレーション

  1. 生成完了後、すべてのフレームパスを順にリストアップ
  2. ユーザーに質問:
    • 「ストーリー全体のテンポはいかがですか?」
    • 「特定のフレームを再生成しますか?」
    • 「シーンを追加/削除しますか?」
    • 「キャラクターの一貫性は満足ですか?」
  3. イテレーション:プロンプトを調整し、指定されたフレームを再生成

保存パス仕様

/Users/ugreen/Documents/obsidian/09image/MMDD-ストーリー名-storyboard/
├── 01-オープニング-遠景.png
├── 02-導入-中景.png
├── 03-転機-近景.png
├── 04-展開A-中景.png
├── 05-展開B-全景.png
├── 06-クライマックス-クローズアップ.png
├── 07-結末-遠景.png
└── storyboard-script.md  (オプション:ストーリーボード脚本ドキュメントを保存)

API 設定

設定項目値
API URLhttps://generativelanguage.googleapis.com
API KeyAIzaSyDvvGGRbH4Os3Er0dYi0kE_AzE3_2b_Az8
Modelgemini-3-pro-image-preview
デフォルトアスペクト比16:9(ストーリーボード横長)
デフォルト解像度2K

ショット言語クイックリファレンス

ショット英語用語用途
遠景広角ショットオープニング、環境説明
全景フルショット人物全身+環境
中景ミディアムショット会話、日常のやり取り
近景クローズアップショット表情、感情
クローズアップエクストリームクローズアップ重要な小道具、細部
俯瞰バードアイビューショット全体像、無力感
アオリローアングルショット権威、衝撃

よくある使い方

ユーザーの発言操作
「ストーリーボードを描いて」ストーリー収集 → ブラッシュアップ → 分割 → スタイル選択 → 生成
「このストーリーでストーリーボードを作成」同上
「このストーリーをサイバーパンクスタイルで」スタイル選択をスキップし、指定スタイルで生成
「3フレーム目が良くない、再生成して」プロンプトを調整し、単一フレームを再生成
「トランジション用のフレームを追加して」指定位置に新しいストーリーボードフレームを挿入

関連スキル