utility-slideshow-creator について
JSONのデッキ仕様からPowerPointを生成し、必要に応じてPDFにも出力するスキルです。更新報告やレビュー資料を作るチーム向けで、定義済みのスライドタイプとテーマに基づくレイアウトを使い、手動の書式設定を抑えます。
主な機能
- 0118種類の定義済みスライドタイプ
- 02JSONデッキ仕様
- 03ローカルPPTX生成スクリプト
- 04オプションのPDF出力
- 05テーマに基づく決定論的レンダリング
活用シーン
- 01ステークホルダー向け報告資料の作成
- 02製品レビュー用プレゼンの生成
- 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.mdevals/trigger-fixtures.jsonreferences/decision-logic.mdEXAMPLE.mdplatform-rules.mdslide-types.mdTEMPLATE.md詳細
スライドショー作成ツール
JSON のデッキ仕様から、プロフェッショナルなプレゼンテーション(.pptx および .pdf)を生成します。生成時にデザイン上の判断は一切不要です。Claude がスライドの種類を選び、コンテンツスロットに内容を入力します。すべてのビジュアルプロパティはテーマによって事前に決められています。
使用する場面
- ステークホルダー向けの進捗報告、製品レビュー、チームプレゼンテーションのスライドデッキを作成する場合
- コンテンツ概要からプロフェッショナルな .pptx ファイルを生成する場合
- 手作業で書式設定せず、一貫性のあるプレゼンテーションを作成する場合
- 共有または保存用にプレゼンテーションを PDF にエクスポートする場合
使用しない場面
- 複雑なデータビジュアライゼーションを作成する場合(専用のグラフ作成ツールを使用してください)
- インタラクティブなウェブプレゼンテーションを構築する場合(これは HTML ではなく .pptx を生成します)
- 既存の PowerPoint ファイルを編集する場合(これは新しいデッキをゼロから作成します)
仕組み
2 段階のアーキテクチャ:
- 仕様フェーズ(Claude) - コンテンツ概要を読み、判断ロジックを使ってスライドの種類を選び、JSON のデッキ仕様を作成します。コンテンツスロットには、はみ出しを防ぐために調整された文字数制限があります。トークンを消費するのはこのフェーズだけです。
- 生成フェーズ(ローカルスクリプト) -
node scripts/generate-deck.js deck-spec.jsonを実行して .pptx を生成します。必要に応じてnode scripts/export-pdf.mjs deck-spec.jsonを実行すると PDF を生成できます。決定論的にレンダリングされ、トークンを消費しません。
どちらの出力も同じ JSON 仕様から生成されるため、.pptx と .pdf は常に一致します。
18 種類のスライド
| # | タイプキー | 目的 | デフォルトのバリアント |
|---|---|---|---|
| 1 | title_dark | 冒頭のスライド(力強い印象) | ダークのみ |
| 2 | title_light | 冒頭のスライド(社内向け/控えめ) | ライトのみ |
| 3 | section | セクションの区切り | ダーク |
| 4 | content | 段落による説明 | ライト |
| 5 | bullets | 3~6 個の重要なポイント | ライト |
| 6 | two_col | 左右に並べた比較 | ライト |
| 7 | stat | 重要な指標 1 つ | ライト |
| 8 | dual_stat | 2 つの指標の比較 | ダーク |
| 9 | quote | 推薦の言葉または引用文 | ダーク |
| 10 | three_card | 並列する 3 つのコンセプト | ダーク |
| 11 | four_grid | 2x2 のグリッドに並べた 4 つのコンセプト | ダーク |
| 12 | timeline | 日付またはマイルストーン(最大 6 個) | ライト |
| 13 | process_flow | 順を追ったワークフロー(最大 5 個) | ライト |
| 14 | agenda | 会議のアジェンダ(最大 7 個) | ライト |
| 15 | highlight | 重要な発見またはエグゼクティブサマリー | ライト |
| 16 | table | 表形式のデータ | ライト |
| 17 | icon_rows | マーカー付きの機能リスト(最大 4 個) | ライト |
| 18 | closing | 最後のスライド | ダークのみ |
スロットの定義と文字数制限の詳細: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
手順
- コンテンツブリーフを読む - テーマ、対象読者、長さ、具体的な要件を把握します
- スライドデッキを計画する - 判断ロジックの表に従ってスライドの種類を選択します。視覚的なリズムをつけるために、暗色と明色のバリエーションを割り当てて単調さを避けます。
- JSON スライドデッキ仕様を作成する -
references/slide-types.mdの文字数制限を守りながら、コンテンツ欄を埋めます - 生成スクリプトを実行する -
node scripts/generate-deck.js deck-spec.json - 必要に応じて PDF をエクスポートする -
node scripts/export-pdf.mjs deck-spec.json output.pdf - 出力を報告する - ファイルの保存場所をユーザーに伝えます
出力仕様
- 計画成果物: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.md | 18種類すべてのスライドタイプ:コンテンツ欄、文字数制限、バリエーション |
references/decision-logic.md | コンテンツパターンからスライドタイプへの対応、バリエーション戦略、スライドデッキの規模 |
references/platform-rules.md | pptxgenjs の要件、Google Slides との互換性、出力形式 |
コメント
Markdown 対応