菜单
テキスト・箇条書きを汎用ビジネス図解（SmartArt 相当）に変換する。プロセスフロー、 エコシステムマップ、比較マトリクス、タイムライン、ピラミッド等8パターンの 構造化ビジュアルを設計し、infographic-specs.md を出力する。 科学技術分野の専門図（分子構造・実験パイプライン・Knowledge Graph 等）は scientific-visualization が担当する。 Use when 「図解にして」「SmartArtで」「フローチャートを作って」「エコシステム図」 「タイムラインを」「ピラミッド図」「比較表を図に」「ロードマップ図」。
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
プレゼンテーションのデザイン統一性を検証・適用する。Microsoft カラーパレット、フォント規約、 余白・情報密度ルールに基づき、スライド全体のビジュアル品質を担保する。 Use when 「デザインを統一して」「ブランドガイド」「フォントを揃えて」「色を統一して」 「密度を調整して」「スタイルガイドを作って」「レイアウトを整えて」。
プレゼンテーション作成に必要なコンテキスト（8要素）の充足度を評価し、 不足要素を1問1答で補完するスキル。全スキル起動前の品質ゲートとして機能する。 Use when 「プレゼンを作りたい」「資料を作って」等のプレゼン作成依頼を受けた直後、 Phase 1（Presentation Architect）に進む前に必ず起動する。
データからインサイトを抽出し、KPI・グラフ解釈・Before/After 比較を通じて 「物語」として構成する。単なるグラフ生成ではなく「だから何か（So What?）」を 説明する Data Storytelling を実行し、data-insights.md を出力する。 Use when 「データを物語にして」「グラフの意味を説明して」「KPIをまとめて」 「Before/Afterで」「インサイトを抽出して」「ROIをグラフで可視化して」「データの傾向を説明して」。
python-pptx を使用して .pptx ファイルを自動生成する。スタイルガイド・スライド構成・ コンテンツを統合し、プロフェッショナルな PowerPoint プレゼンテーションを出力する。 Use when 「PPTXを生成して」「PowerPointを作って」「.pptxを出力して」 「スライドをビルドして」「パワポを作って」「pptxに変換して」。
AI for Science・Materials Informatics・Digital Twin 等の科学技術分野に特化した 概念図・パイプライン図・アーキテクチャ図を設計する。Mermaid コード例と PowerPoint 配置指示を含む scientific-visuals.md を出力する。 Use when 「科学図を作って」「パイプラインを可視化して」「アーキテクチャ図」 「Knowledge Graph」「Digital Twin」「材料探索フロー」「AI for Science 図解」。
プレゼンテーションの発表準備を総合支援する。話速調整、想定質問生成、時間圧縮・拡張、 英語プレゼン変換、リハーサルスクリプト生成を行う。 Use when 「発表練習」「想定質問を作って」「3分版にして」「英語に変換して」 「厳しい質問を」「リハーサル」「時間を調整して」「QAを準備して」。
| name | infographic-designer |
| description | テキスト・箇条書きを汎用ビジネス図解（SmartArt 相当）に変換する。プロセスフロー、 エコシステムマップ、比較マトリクス、タイムライン、ピラミッド等8パターンの 構造化ビジュアルを設計し、infographic-specs.md を出力する。 科学技術分野の専門図（分子構造・実験パイプライン・Knowledge Graph 等）は scientific-visualization が担当する。 Use when 「図解にして」「SmartArtで」「フローチャートを作って」「エコシステム図」 「タイムラインを」「ピラミッド図」「比較表を図に」「ロードマップ図」。 |
| metadata | {"author":"prezenx","version":"1.0","phase":"5"} |
Phase 5: テキスト・箇条書きを構造化ビジュアル（SmartArt 相当）に変換する。
入力テキストの構造を分析し、最適なパターンを自動選択する:
| 入力の特徴 | 推奨パターン | 理由 |
|---|---|---|
| 3項目以下の箇条書き | 図解不要 — テキストのまま | 図解するとかえって冗長 |
| 4〜6項目の並列概念 | ハブ&スポーク or プロセスフロー | 関係性を視覚的に表現 |
| 階層関係（上位→下位） | ピラミッド or レイヤー図 | 上下関係を直感的に伝達 |
| 時系列（過去→未来） | タイムライン | 時間軸の流れを表現 |
| 複数選択肢の比較 | 比較マトリクス | 横並び比較が最も効果的 |
| 因果関係 | フローチャート | 入出力・条件分岐を明示 |
| 循環プロセス | サイクル | 終わりのない反復を表現 |
| 中心と周辺の関係 | ハブ&スポーク | 主従関係を視覚化 |
使用場面: ステップバイステップの手順を示すとき
graph LR
A[Step 1<br/>要件定義] --> B[Step 2<br/>設計]
B --> C[Step 3<br/>実装]
C --> D[Step 4<br/>テスト]
D --> E[Step 5<br/>デプロイ]
PowerPoint 配置: 横一列配置。各ステップは角丸四角形（幅=スライド幅/ステップ数）。矢印は→方向。ステップ数は3〜7個が最適。
使用場面: 技術スタックの階層構造を示すとき
graph TD
A[Presentation Layer<br/>UI / API Gateway]
B[Application Layer<br/>Business Logic]
C[Domain Layer<br/>Core Models]
D[Infrastructure Layer<br/>DB / External Services]
A --> B --> C --> D
PowerPoint 配置: 縦4段の横長四角形を積み上げ。上層ほど明るい色、下層ほど濃い色。各層の幅=スライド幅の80%。
使用場面: 関連プレイヤーの関係図を示すとき
graph TD
Center[自社プロダクト] --> P1[パートナー A]
Center --> P2[パートナー B]
Center --> C1[顧客セグメント 1]
Center --> C2[顧客セグメント 2]
Center --> T1[技術基盤]
P1 --> T1
PowerPoint 配置: 中央に主要要素、周囲に関連要素を放射状配置。線の太さで関係の強さを表現。最大8要素。
使用場面: 複数選択肢を軸で比較するとき
quadrantChart
title 技術選択マトリクス
x-axis 導入コスト低 --> 導入コスト高
y-axis 成熟度低 --> 成熟度高
quadrant-1 安定・高コスト
quadrant-2 理想的選択
quadrant-3 検討段階
quadrant-4 コスパ良好
PowerPoint 配置: 2×2 マトリクスをスライド中央に配置。各象限に背景色。要素をドットで配置。軸ラベルは外側。
使用場面: 時系列のロードマップ・歴史を示すとき
timeline
title 技術ロードマップ
2024 : Phase 1 PoC
2025 : Phase 2 パイロット
2026 : Phase 3 本番展開
2027 : Phase 4 スケールアウト
PowerPoint 配置: 水平方向の線上にマイルストーンを配置。過去=左、未来=右。現在地点を強調色。マイルストーンは上下交互に配置して重なりを防ぐ。
使用場面: 中心概念と関連要素の関係を示すとき
graph TD
Hub[中心概念] --> S1[要素 1]
Hub --> S2[要素 2]
Hub --> S3[要素 3]
Hub --> S4[要素 4]
Hub --> S5[要素 5]
PowerPoint 配置: 中央に大きな円（ハブ）、周囲に小さな円（スポーク）を等間隔で配置。スポーク数は4〜6が最適。線は直線。
使用場面: 階層的な概念構造（少→多、抽象→具体）を示すとき
graph TD
A[戦略<br/>Why] --> B[戦術<br/>How]
B --> C[実行<br/>What]
PowerPoint 配置: 三角形を3〜4段に分割。上段ほど小さく濃い色。各段にラベル。幅=スライド幅の60%、中央配置。
使用場面: 循環プロセスを示すとき（PDCA 等）
graph LR
A[Plan] --> B[Do]
B --> C[Check]
C --> D[Act]
D --> A
PowerPoint 配置: 4つの角丸四角形を円形に配置。時計回りに矢印を描く。各要素は同サイズ。現在フェーズを強調色。
| ルール | 詳細 |
|---|---|
| 1スライド3色以内 | ブランドカラー + アクセント1 + アクセント2 |
| ブランドカラー優先 | ユーザー指定の色がある場合はそれを使用 |
| デフォルトパレット | メイン=#2B579A、アクセント=#00A4EF、サブ=#737373 |
| 強調は1箇所 | 1スライド内で色による強調は1要素のみ |
| グレー活用 | 非強調要素はグレー系で統一 |
入力テキスト分析
パターン適用
PowerPoint 配置指示の作成
出力: infographic-specs.md を生成
infographic-specs.md — パターン選択理由 + Mermaid コード + PowerPoint 配置指示 + 色指定infographic-specs.md を生成後、以下を検証:
| 失敗パターン | リカバリ手順 |
|---|---|
| 入力テキストの構造が判別できない | ユーザーに「このテキストは何を表現したいですか？（比較/手順/構造/時系列）」と確認 |
| 適切なパターンがカタログにない | 最も近いパターンをベースにカスタマイズ。複数パターンの組み合わせも検討 |
| Mermaid で表現困難なレイアウト | PowerPoint 配置指示のみで記述。Mermaid コードは省略し「手動配置推奨」と注記 |
| 色指定がブランドガイドラインと矛盾 | ブランドカラーを優先。ユーザーに確認の上、パレットを調整 |
このスキルの実行で得た学びは、以下の形式で Gotchas セクションに追記する: