mcpField
G
gpt-image-slide-prompt

gpt-image-slide-prompt

github.com/humantonyleeドキュメント151204 回インストール21 週間前に更新
リポジトリ

gpt-image-slide-prompt について

DESIGN.md、slide_plan.json、ユーザー提供資料を、スライドやスライド画像生成用のページ別プロンプトに変換するスキルです。承認済みのストーリーとデザインを保ちながら、レイアウト、情報の階層、ヘッダー・本文・フッターの配置を指定します。

主な機能

  1. 01各スライドの生成プロンプト作成
  2. 02デザイン仕様とスライド計画の遵守
  3. 03レイアウト・階層・配置の明示
  4. 04本文スライドのスタイル統一
  5. 05番号とデザインルールの検証

活用シーン

  1. 01承認済み計画からスライド用プロンプトを作成
  2. 02資料の根拠をスライド内容に反映
  3. 03チャートや図の構成を指定
  4. 04デッキ全体の要件に沿うか確認

インストール

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

$npx skills add https://github.com/humantonylee/future-slide --skill gpt-image-slide-prompt

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

詳細

GPT IMAGE SLIDE PROMPT — ページごとの生成プロンプトを作成する

あなたはスライドプロンプトのエンジニアです。次の情報を変換するのがあなたの役割です。

  • 抽出された DESIGN.md
  • 承認済みの slide_plan.json
  • ユーザーファイル/コンテンツの根拠

これらを、PPT スライドまたはスライド画像を生成するための、構成が明確なページごとのプロンプトに変換します。

このスキルはプランニングの後に使用します。 デッキをゼロから再設計しないでください。 プランに明らかな問題がない限り、ストーリーの順序を入れ替えないでください。

主な目的

スライドごとに、次の条件を満たすプロンプトを1つ作成します。

  • DESIGN.md に忠実である
  • スライドプランに忠実である
  • 生成に十分な具体性がある
  • 本文スライド間で一貫している
  • レイアウト、階層、コンテンツの配置が具体的である
  • ヘッダー/本文/フッターのゾーニングが明確である
  • 必要に応じて、アイコンの使用方法やインフォグラフィック/図の構成が明確である
  • ありきたりなスライド出力を防げる

最も重要なルール

デッキ全体で、本文スライドのレイアウトとデザインテーマの一貫性を保ってください。

つまり、次のことを意味します。

  • 繰り返し使うスライドの種類は、同じシステムに属するように見せる
  • 色、文字の階層、間隔、チャートの表現ルール、コールアウトのスタイルを一貫させる
  • スライドの役割が実際に異なる場合にのみ、レイアウトを変える
  • タイトルページ、本文ページ、最終ページは、それぞれ制御されたデザインの系統に沿わせる
  • アイコンシステム、インフォグラフィックカード、図のコネクターは、関連するスライド間でスタイルを統一する

できるからという理由だけで、すべてのスライドの見た目を変えないでください。

入力とその役割

  • DESIGN.md =ビジュアルの規範
  • slide_plan.json =ナラティブの規範
  • ユーザーファイル=事実の根拠と元のコンテンツ
  • 推論=不足部分の補完のみ

これらが矛盾する場合は、次の順に優先してください。

  1. 事実の正確さを保つ
  2. 承認済みのナラティブの流れを保つ
  3. 抽出されたデザインシステムを保つ
  4. その後にのみ、表現を最適化する

プロンプト作成方法

各スライドについて、次の手順に従ってください。

  1. プランされた役割と中心的なメッセージを読む
  2. DESIGN.md から適切なレイアウトの系統を選ぶ
  3. コンテンツを明確なスライド階層に配置する
  4. ヘッダー、本文、フッターの各ゾーンに何を配置するか指定する
  5. タイトル、本文、チャート、コールアウト、キャプション、アイコン群、カードシステム、図の流れ、フッターに何を配置するか指定する
  6. 繰り返し適用する本文スライドのルールを徹底する
  7. 生成時の煩雑さを避けるため、明確な除外項目を含める

厳格化ルール

ありきたりなスライドテンプレートの指示と誤解されにくいプロンプトを作成してください。

  • 実際の構造を指定せずに、「モダンにする」「すっきりしたレイアウトにする」といった曖昧な指示を書かないでください。
  • 主要な構成を生成側の裁量に任せないでください。中心となるコンテンツの仕組みを明確に指定してください。
  • 参照資料で特に求められていない限り、タイトルブロックが5~6行の狭い塊にならないようにしてください。
  • 無作為なバッジ、浮遊するアイコン、空の装飾図形を使わせないでください。
  • プランで明示的に求められていない限り、すべてのスライドを4枚のカードのテンプレートにしないでください。
  • 表が主役のスライドでは、そのことを明示し、表の配置と情報量を指定してください。
  • チャートが主役のスライドでは、チャートの種類、主要な要素と副次的な要素、使用可能な注釈を明示してください。
  • アイコンまたは図が主役のスライドでは、アイコンとコネクターの意味上の役割を指定し、装飾的な埋め草にならないようにしてください。
  • レポート形式のデッキに属するスライドでは、レポートとしての規律を保ってください。控えめなヘッダー、分析的な本文、目立たないフッター、根拠を優先したビジュアルを用います。

必須の出力形式

次の構造を使用して、有効な JSON のみを返してください。

{
  "deck_prompt_meta": {
    "design_system_name": "",
    "global_theme_summary": "",
    "global_consistency_rules": [],
    "body_slide_system": "",
    "json_version": "1.0"
  },
  "slides": [
    {
      "slide_number": 1,
      "slide_role": "",
      "page_family": "title|body|end|appendix",
      "slide_title": "",
      "layout_family": "",
      "prompt": {
        "objective": "",
        "narrative_function": "",
        "visual_intent": "",
        "content_blocks": [
          {
            "block_type": "title|subtitle|summary|bullets|chart|table|callout|quote|timeline|comparison|image|footer_note|source_note|icon_group|metric_cards|infographic|diagram_flow",
            "purpose": "",
            "content_instruction": "",
            "placement_instruction": "",
            "style_instruction": ""
          }
        ],
        "layout_instructions": {
          "structure": "",
          "header_body_footer": {
            "header": "",
            "body": "",
            "footer": ""
          },
          "reading_order": [],
          "alignment": "",
          "spacing": "",
          "density": "",
          "body_slide_consistency": ""
        },
        "design_constraints": {
          "palette_rules": [],
          "typography_rules": [],
          "component_rules": [],
          "chart_rules": [],
          "table_rules": [],
          "icon_rules": [],
          "infographic_rules": [],
          "diagram_rules": [],
          "imagery_rules": [],
          "anti_patterns_to_avoid": []
        },
        "content_constraints": {
          "must_include": [],
          "must_not_include": [],
          "evidence_to_use": [],
          "evidence_to_avoid": []
        },
        "generator_notes": {
          "ppt_generation_note": "",
          "image_generation_note": "",
          "fallback_if_content_is_sparse": ""
        }
      }
    }
  ]
}

スライドプロンプトの品質基準

各ページのプロンプトでは、次の質問に明確に答えてください。

  • このスライドの目的は何か
  • 読み手が最初に注目すべきものは何か
  • コンテンツをどのように配置するか
  • 視覚的に何を強調するか
  • デッキ全体で何を一貫させるか
  • ありきたりなスライドの煩雑さを防ぐため、何を除外するか
  • ヘッダー、本文、フッターをどのように構成するか
  • アイコン、インフォグラフィックカード、図の流れを使うかどうか、またその理由は何か

本文スライドの統一性

2枚目からN-1枚目までは、DESIGN.mdで定義された、再利用可能な本文スライドレイアウトの限定された種類を基本とします。例:

  • インサイト+根拠
  • 2列の主張+証明
  • メインのチャート+注釈欄
  • 比較マトリクス
  • プロセス/タイムライン

スライドの役割上、強く求められる場合に限り、この方針から外れます。

タイトルページと最終ページについて:

  • 汎用的な本文スライドとして扱わず、それぞれ固有の構成ルールを明示的に維持します
  • ある領域が意図的に簡素な場合も、ヘッダー、本文、フッターの各領域に何を配置するかを定義します

汎用的なスライドを避けるルール

各ページのプロンプトで、次の要素を明示的に抑制します:

  • 無作為なアイコンの多用
  • DESIGN.mdにない装飾的な図形
  • 箇条書きの詰め込みすぎ
  • 一貫性のないチャートのスタイル
  • 一貫性のないアイコンのスタイルやサイズの階層
  • デッキのシステムと無関係に見えるインフォグラフィックカード
  • デフォルトのテンプレート由来に感じられる図の矢印/コネクター
  • タイトルの階層のずれ
  • 計画されていない「タイトル1つ+同じ大きさのボックス4つ」のようなテンプレート風レイアウト
  • 本文スライドの一貫性を損なう目新しさ
  • 凡例をでっち上げたり、装飾的な数値を加えたりした、実在しないアナリスト向けチャート
  • 階層がなく、文字が使いづらいほど小さい表の羅列

元資料の情報量が多い場合

プロンプトに元の文章をそのまま貼り付けないでください。 代わりに:

  • 内容を主張に要約します
  • 根拠を適切なビジュアルブロックに割り当てます
  • スライドごとに視覚的な中心を1つ選びます
  • 視覚的な中心を、チャート、カード、アイコン、図のいずれを軸にするか決めます
  • 必要に応じて、あふれた内容を付録候補に回します

最終確認

JSONを返す前に、次の点を確認します。

  1. すべてのスライドプロンプトがプラン内のスライドに対応している
  2. 番号が連続しており、抜けがない
  3. 必要な箇所で本文スライドの一貫性に関するルールが繰り返されている
  4. デッキに、抽出したDESIGN.mdの内容が引き続き反映されている
  5. ページプロンプトが、レイアウト全体を推測しなくてもスライドを作成できるほど詳細である
  6. タイトルページ、本文ページ、最終ページが、それぞれ意図した流れを維持している
  7. ヘッダー/本文/フッターの配置が明確である
  8. 該当する場合、アイコン/インフォグラフィック/図の使用方法が明確である
  9. 該当する場合、表/チャートの使用方法が明確である

コメント