mcpField
U
utility-slideshow-creator

utility-slideshow-creator

github.com/product-on-purposeドキュメント769725 回インストール4 日前に更新
リポジトリ

utility-slideshow-creator について

JSONのデッキ仕様からPowerPointを生成し、必要に応じてPDFにも出力するスキルです。更新報告やレビュー資料を作るチーム向けで、定義済みのスライドタイプとテーマに基づくレイアウトを使い、手動の書式設定を抑えます。

主な機能

  1. 0118種類の定義済みスライドタイプ
  2. 02JSONデッキ仕様
  3. 03ローカルPPTX生成スクリプト
  4. 04オプションのPDF出力
  5. 05テーマに基づく決定論的レンダリング

活用シーン

  1. 01ステークホルダー向け報告資料の作成
  2. 02製品レビュー用プレゼンの生成
  3. 03共有用PDFへの出力

インストール

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

$npx skills add https://github.com/product-on-purpose/pm-skills --skill utility-slideshow-creator

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

同梱ファイル

SKILL.md と一緒にインストールされる参考資料やスクリプト。

HISTORY.md
evals/
trigger-fixtures.json
references/
decision-logic.md
EXAMPLE.md
platform-rules.md
slide-types.md
TEMPLATE.md

詳細

スライドショー作成ツール

JSON のデッキ仕様から、プロフェッショナルなプレゼンテーション(.pptx および .pdf)を生成します。生成時にデザイン上の判断は一切不要です。Claude がスライドの種類を選び、コンテンツスロットに内容を入力します。すべてのビジュアルプロパティはテーマによって事前に決められています。

使用する場面

  • ステークホルダー向けの進捗報告、製品レビュー、チームプレゼンテーションのスライドデッキを作成する場合
  • コンテンツ概要からプロフェッショナルな .pptx ファイルを生成する場合
  • 手作業で書式設定せず、一貫性のあるプレゼンテーションを作成する場合
  • 共有または保存用にプレゼンテーションを PDF にエクスポートする場合

使用しない場面

  • 複雑なデータビジュアライゼーションを作成する場合(専用のグラフ作成ツールを使用してください)
  • インタラクティブなウェブプレゼンテーションを構築する場合(これは HTML ではなく .pptx を生成します)
  • 既存の PowerPoint ファイルを編集する場合(これは新しいデッキをゼロから作成します)

仕組み

2 段階のアーキテクチャ:

  1. 仕様フェーズ(Claude) - コンテンツ概要を読み、判断ロジックを使ってスライドの種類を選び、JSON のデッキ仕様を作成します。コンテンツスロットには、はみ出しを防ぐために調整された文字数制限があります。トークンを消費するのはこのフェーズだけです。
  2. 生成フェーズ(ローカルスクリプト) - node scripts/generate-deck.js deck-spec.json を実行して .pptx を生成します。必要に応じて node scripts/export-pdf.mjs deck-spec.json を実行すると PDF を生成できます。決定論的にレンダリングされ、トークンを消費しません。

どちらの出力も同じ JSON 仕様から生成されるため、.pptx と .pdf は常に一致します。

18 種類のスライド

#タイプキー目的デフォルトのバリアント
1title_dark冒頭のスライド(力強い印象)ダークのみ
2title_light冒頭のスライド(社内向け/控えめ)ライトのみ
3sectionセクションの区切りダーク
4content段落による説明ライト
5bullets3~6 個の重要なポイントライト
6two_col左右に並べた比較ライト
7stat重要な指標 1 つライト
8dual_stat2 つの指標の比較ダーク
9quote推薦の言葉または引用文ダーク
10three_card並列する 3 つのコンセプトダーク
11four_grid2x2 のグリッドに並べた 4 つのコンセプトダーク
12timeline日付またはマイルストーン(最大 6 個)ライト
13process_flow順を追ったワークフロー(最大 5 個)ライト
14agenda会議のアジェンダ(最大 7 個)ライト
15highlight重要な発見またはエグゼクティブサマリーライト
16table表形式のデータライト
17icon_rowsマーカー付きの機能リスト(最大 4 個)ライト
18closing最後のスライドダークのみ

スロットの定義と文字数制限の詳細:references/slide-types.md

判断ロジック(クイックリファレンス)

コンテンツのパターン使用するタイプ
デッキの冒頭(力強い印象)title_dark
デッキの冒頭(社内向け)title_light
トピック間の切り替えsection
段落による説明content
3~6 個のポイントのリストbullets
左右に並べた比較two_col
重要な指標 1 つstat
2 つの指標の比較dual_stat
推薦の言葉または引用文quote
並列する 3 つのコンセプトthree_card
グリッドに並べた 4 つのコンセプトfour_grid
日付またはマイルストーンtimeline
順を追ったワークフローprocess_flow
会議のアジェンダagenda
重要な発見または要約highlight
表形式のデータtable
マーカー付きの機能リストicon_rows
デッキの締めくくりclosing

バリアント戦略を含む判断ロジックの詳細:references/decision-logic.md

JSON デッキ仕様の形式

{
  "title": "Q3 Product Update",
  "author": "Product Team",
  "footerText": "Internal . Q3 Review",
  "slides": [
    { "type": "title_dark", "title": "Q3 Product Update", "subtitle": "October 2026" },
    { "type": "stat", "stat": "94%", "label": "Customer satisfaction score", "accentColor": "secondary" },
    { "type": "bullets", "title": "What Shipped", "bullets": ["Feature A", "Feature B", "Feature C"] },
    { "type": "closing" }
  ]
}

色には、テーマトークン名("accent"、"secondary"、"tertiary"、"warm")または 6 文字の 16 進文字列("2563EB")を指定できます。

スキーマとワークフローの詳細:references/TEMPLATE.md および references/platform-rules.md

手順

  1. コンテンツブリーフを読む - テーマ、対象読者、長さ、具体的な要件を把握します
  2. スライドデッキを計画する - 判断ロジックの表に従ってスライドの種類を選択します。視覚的なリズムをつけるために、暗色と明色のバリエーションを割り当てて単調さを避けます。
  3. JSON スライドデッキ仕様を作成する - references/slide-types.md の文字数制限を守りながら、コンテンツ欄を埋めます
  4. 生成スクリプトを実行する - node scripts/generate-deck.js deck-spec.json
  5. 必要に応じて PDF をエクスポートする - node scripts/export-pdf.mjs deck-spec.json output.pdf
  6. 出力を報告する - ファイルの保存場所をユーザーに伝えます

出力仕様

  • 計画成果物:JSON スライドデッキ仕様(Claude が作成するファイル)
  • 最終出力:.pptx ファイル(および任意の .pdf)。仕様からローカルで生成します
  • 品質ゲート:品質チェックリストのすべての項目に合格すること

品質チェックリスト

  • すべてのスライドに有効なタイプキーがある(定義済みの18種類のいずれか)
  • すべてのコンテンツ欄が references/slide-types.md の文字数制限を守っている
  • 視覚的なリズムをつけるため、暗色と明色のバリエーションが交互になっている(同じバリエーションが3枚以上連続しない)
  • タイトルスライドが最初に、クロージングスライドが最後にある
  • 7枚を超えるスライドデッキでは、セクション区切りが異なるトピックを分けている
  • 重要なスライド(統計、ハイライト、切り替え)に発表者ノートが含まれている
  • JSON が有効である(末尾のカンマがなく、引用符とネストが正しい)
  • 色の値が有効なテーマトークン、または6文字の16進数文字列である(先頭に # を付けない)

参考資料

ファイル目的
references/TEMPLATE.mdフィールドの説明を含む、JSON スライドデッキ仕様のテンプレート
references/EXAMPLE.md作成例:Q3 製品アップデートのスライドデッキ(9枚)
references/slide-types.md18種類すべてのスライドタイプ:コンテンツ欄、文字数制限、バリエーション
references/decision-logic.mdコンテンツパターンからスライドタイプへの対応、バリエーション戦略、スライドデッキの規模
references/platform-rules.mdpptxgenjs の要件、Google Slides との互換性、出力形式

コメント