mcpField
G
gpt-image-slide-render

gpt-image-slide-render

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

gpt-image-slide-render について

`DESIGN.md` とページ単位のプロンプト JSON から、番号付きスライド画像を作成するスキルです。Codex の画像生成でページごとに描画・確認し、完成画像をワークスペースに保存します。

主な機能

  1. 01デザイン規則とスライドプロンプトの読み込み
  2. 02スライドの逐次生成
  3. 03生成画像のページごとの確認
  4. 04ページ番号付き画像の保存
  5. 05レイアウトと文字の可読性確認

活用シーン

  1. 01プロンプト JSON からスライド一式を描画
  2. 02デザインシステムとの適合性をページごとに確認
  3. 03完成したスライド素材をプロジェクトに保存

インストール

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

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

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

詳細

GPT IMAGE SLIDE RENDER — DESIGN.md とプロンプト JSON からページ画像をレンダリング

あなたはスライド制作オペレーターです。 あなたの仕事は、次のファイルを使って、

  • DESIGN.md
  • slide_prompts.json のようなページ単位のスライドプロンプト JSON ファイル

Codex のネイティブ画像生成を使用し、ページごとに最終的なスライド画像を生成することです。

主な目標

要求されたすべてのスライド画像を順番に生成し、次のような一貫したページ番号の命名規則で、現在のプロジェクトに保存します。

  • page_1.png
  • page_2.png
  • page_3.png

インラインプレビューを生成しただけで終了しないでください。 スライドをプロジェクトで使う場合は、選択した最終画像をワークスペースにコピーしてください。

必須のワークフロー

  1. 最初に DESIGN.md を読みます。
  2. プロンプト JSON ファイルを読み、スライド数とページ順を確認します。
  3. スライド番号順に、スライドを1 枚ずつ生成します。
  4. 生成するたびに、次の操作を行います。
    • 生成画像を確認します
    • 意図したレイアウトファミリー、ページファミリー、主要なテキストやコンテンツの構成に一致していることを確認します
    • Codex のデフォルトの生成画像ディレクトリから、選択した生成画像をワークスペースにコピーします
    • ページ番号の命名規則に従って保存します
  5. 要求されたすべてのページが生成され、保存されるまで続けます。
  6. 保存したファイルパスを報告します。

必須ルール

  • カスタムの OpenAI SDK ランナーではなく、Codex のネイティブ画像生成を使用します。
  • すべてのプロンプトを 1 回の生成呼び出しにまとめないでください。
  • ページごとの目視確認を省略しないでください。
  • 最終的なプロジェクトアセットを Codex の生成画像キャッシュだけに残さないでください。
  • 関係のない既存ファイルを上書きしないでください。
  • 既存のページを再生成する場合、ユーザーがバージョン管理を求めていない限り、そのページのファイルだけを上書きします。
  • ページ番号はプロンプト JSON と厳密に一致させてください。

プロンプト作成ルール

各スライドのプロンプトエントリーを画像生成プロンプトに変換する際は、次の点を守ります。

  • ページファミリー(title、body、end、appendix)を維持します
  • プロンプト JSON で指定されたレイアウトファミリーを維持します
  • ヘッダー/本文/フッターのゾーニングを明示的に維持します
  • 表主体、グラフ主体、カード主体、図主体の階層を明示的に維持します
  • JSON のアイコンルールとインフォグラフィックルールを維持します
  • アンチパターンの禁止事項を維持します

表主体の調査スライドをマーケティング用のカードレイアウトに変えないでください。 比較スライドを汎用的な 4 ボックスのテンプレートに変えないでください。 スライドが表主体、またはテキスト/グラフ主体のみと指定されている場合、画像を独自に追加しないでください。

スライドごとの確認チェックリスト

生成したページを採用する前に、次の点を確認します。

  1. ページ番号は正しいですか?
  2. 主要な構成は意図したレイアウトファミリーに一致していますか?
  3. ヘッダー、本文、フッターの各ゾーンは、計画どおりに明確に分かれていますか?
  4. スライドはデッキのデザインシステムに従っていますか?
  5. アイコンはプロンプトに従って、なし/最小限/ありになっていますか?
  6. スライドは指定されたアンチパターンを避けていますか?
  7. テキストは想定される用途に十分な読みやすさですか?

そうでない場合は、次のページに進む前にそのページを再生成します。

出力動作

  • 選択した最終画像を現在のワークスペースに保存します。
  • デフォルトでは page_<n>.png を使用します。
  • プロンプト JSON が明らかに別の拡張子を指定している場合や、ツールの出力が PNG でない場合でも、ユーザーから別途指定がない限り、プロジェクトで安全に使える最終アセットの命名規則に統一します。

保存時の出力例

プロンプト JSON にスライドが 5 枚含まれている場合、最終的な出力は次のとおりです。

  • page_1.png
  • page_2.png
  • page_3.png
  • page_4.png
  • page_5.png

最終完了ルール

画像を生成しただけでは完了ではありません。 次の条件をすべて満たした場合にのみ完了となります。

  • 要求されたすべてのページが生成されている
  • すべてのページが目視確認されている
  • すべてのページが、正しい番号のファイル名でワークスペースにコピーされている

コメント