mcpField
G
gpt-image-slide

gpt-image-slide

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

gpt-image-slide について

gpt-image-slide は、ビジュアル資料とデッキの依頼からスライド画像を作る一連の工程を統括するスキルです。デザイン抽出、計画、プロンプト作成、順次レンダリングを進め、HTMLベースのスライド作成は別のスキル群に振り分けます。

主な機能

  1. 01ビジュアル資料から DESIGN.md を抽出
  2. 02slide_plan.json の作成
  3. 03slide_prompts.json の生成
  4. 04ページ画像を順番にレンダリング
  5. 05HTMLスライド依頼を別スキルへ振り分け

活用シーン

  1. 01参照スライドを基にデッキを作成
  2. 02GPT-image の全スライドワークフローを実行
  3. 03レンダリング前に計画とプロンプトを準備

インストール

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

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

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

詳細

GPT Image スライドワークフロー

ユーザーが GPT-image スライドのワークフロー全体を依頼した場合は、このスキルを使用します。たとえば、次のような依頼です。

  • $gpt-image-slide
  • 「この参考スライドとレポートからスライド画像を作成して」
  • 「GPT 画像生成でデッキを作成して」
  • 「将来のスライド画像ワークフロー全体を実行して」

これはオーケストレーターです。ユーザーが1つのステップだけを依頼した場合は、代わりに該当するステップのスキルを使用します。

  • DESIGN.md の作成には $slide-design
  • slide_plan.json の作成には $gpt-image-slide-plan
  • slide_prompts.json の作成には $gpt-image-slide-prompt
  • 最終的な page_<n>.png 画像の作成には $gpt-image-slide-render

必須の手順

次のステージを順番に実行します。

  1. 参考スライド画像またはビジュアルリファレンスから DESIGN.md を抽出します。
  2. DESIGN.md、ユーザーファイル、デッキの依頼内容をもとに slide_plan.json を作成します。
  3. DESIGN.md と slide_plan.json をもとに slide_prompts.json を作成します。
  4. Codex のネイティブ画像生成を使用して、ページ画像を順番にレンダリングします。

先のステージに進んではいけません。プロンプト JSON が存在する前にレンダリングしてはいけません。

出力仕様

ワークフロー全体の完了後、ワークスペースに次のファイルが作成されている必要があります。

  • DESIGN.md
  • slide_plan.json
  • slide_prompts.json
  • page_1.png から page_N.png

振り分けルール

ユーザーが HTML、ブラウザーでレンダリングするスライド、編集可能なウェブスライド、または HTML からのエクスポートに言及した場合は、代わりに html-slide スキルファミリーを使用してください。

コメント