copilot-agent-workspace: Skill for Claude Code

SVG スライド作成スキル

概要

SVG (960×540) でスライドを設計し、src/svg2pptx.py で PowerPoint ネイティブシェイプに変換する。テキスト編集・色変更・移動が可能な状態で出力する。

トリガーワード

以下のキーワードが含まれる場合にこのスキルを使用する:

• 「PPT作成」「スライド作成」「PowerPoint」「PPTX」
• 「SVGスライド」「SVGで作って」「編集可能なスライド」
• 「プレゼン資料」「スライド」

使用しない場合

• Markdown ドキュメント（提案書・報告書・議事録）の作成
• README やコード内コメントの作成
• Word ドキュメントの作成

作成ワークフロー

Step 1: 要件確認

スライド作成の前に必ず確認する:

確認項目	質問
目的	何のためのスライド？（提案、報告、教育、共有）
対象読者	誰が見る？（経営層、技術者、顧客、社内）
ページ数	何枚程度？
トーン	フォーマル？カジュアル？

Step 2: アウトライン作成

必ず内容作成の前にアウトラインを提示し、承認を得る。

非対話モード（SDK 実行時）: プロンプトに「SDK非対話実行」と含まれる場合、 アウトラインの提示・承認ステップをスキップし、直接 Step 3 に進む。 質問や確認を返さず、1回のレスポンスですべてのスライドファイルを生成すること。

## アウトライン案

1. 表紙（タイトルスライド）
2. エグゼクティブサマリー（1枚）
3. 背景・課題（1-2枚）
4. 提案内容（3-5枚）
5. 効果・メリット（1-2枚）
6. スケジュール・ロードマップ（1枚）
7. 次のステップ（1枚）

Step 3: SVG スライド生成

アウトライン承認後（非対話モードでは即座に）、スライドごとに SVG (960×540) を生成する。 本スキルの「SVG スライド設計ルール」「デザイントークン」「カラー使用原則」に従うこと。

---

PowerPoint スライド作成ルール

構造

各スライドは以下の形式で記述する:

---
### スライド [番号]: [タイトル]

**キーメッセージ:** [このスライドで伝えたい1文]

**内容:**
- ポイント1
- ポイント2
- ポイント3

**ビジュアル:** [図表・グラフ・画像の説明]

**スピーカーノート:**
[プレゼンで話す内容の補足]
---

デザインディレクション

目指す雰囲気: Microsoft モダンスライド品質

Microsoft の最新のプレゼン資料や Azure マーケティングスライドのような洗練さ。 微細なグラデーション、半透明の幾何学装飾、充分な余白、コントラストの効いた配色。 「高級コンサルのデリバラブル」であり、「社内勉強会のスライド」ではない。

美的キーワード（生成時に意識する）

• モダン — テック企業のプレゼンのような洗練さ。平面的ではなく奥行きがある
• リッチ — 安っぽいフラットではなく、微細な装飾とグラデーションで高級感を出す
• レイヤード — 半透明の幾何学要素を重ねて深みを作る
• コントラスト — ダーク背景ヘッダー × ライト背景コンテンツで視線を導く
• タイポグラフィ重視 — フォントサイズの差（大タイトル vs 小本文）で階層を作る

装飾の使い方（重要）

微細な装飾で高級感を出す。「何も置かない」のではなく、さりげなく深みを加える。

• ティール装飾円 — 大きなティール系の円（#1A3A4A, #2A7A8C）を opacity 0.6〜0.9 で重ね塗り。端がスライド外にはみ出すくらいがちょうどよい。深みと彩りを加える
• ドットパターン / ネットワーク図形 — 小さな白い円と線でノードを描き、コーナーに配置（opacity 0.2〜0.4）
• アクセントライン — 細いラインや区切り線にシアン（#00D4FF）を使って視線を引く
• グロー効果 — 装飾円に radialGradient を使い、シアン（#00D4FF）を中心からフェードアウトさせると光の印象が出る

グラデーションの使い方（重要）