메뉴
プレゼンテーションのデザイン統一性を検証・適用する。Microsoft カラーパレット、フォント規約、 余白・情報密度ルールに基づき、スライド全体のビジュアル品質を担保する。 Use when 「デザインを統一して」「ブランドガイド」「フォントを揃えて」「色を統一して」 「密度を調整して」「スタイルガイドを作って」「レイアウトを整えて」。
Codex 또는 Claude로 설치 이 Prompt를 복사해 Codex, Claude 또는 다른 어시스턴트에 붙여 넣으면 Skill 페이지를 검토하고 설치를 진행할 수 있습니다.
SOC 직업 분류 기준
プレゼンテーション作成に必要なコンテキスト（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をグラフで可視化して」「データの傾向を説明して」。
テキスト・箇条書きを汎用ビジネス図解（SmartArt 相当）に変換する。プロセスフロー、 エコシステムマップ、比較マトリクス、タイムライン、ピラミッド等8パターンの 構造化ビジュアルを設計し、infographic-specs.md を出力する。 科学技術分野の専門図（分子構造・実験パイプライン・Knowledge Graph 等）は scientific-visualization が担当する。 Use when 「図解にして」「SmartArtで」「フローチャートを作って」「エコシステム図」 「タイムラインを」「ピラミッド図」「比較表を図に」「ロードマップ図」。
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 | brand-style-enforcer |
| description | プレゼンテーションのデザイン統一性を検証・適用する。Microsoft カラーパレット、フォント規約、 余白・情報密度ルールに基づき、スライド全体のビジュアル品質を担保する。 Use when 「デザインを統一して」「ブランドガイド」「フォントを揃えて」「色を統一して」 「密度を調整して」「スタイルガイドを作って」「レイアウトを整えて」。 |
"地味に超重要" — デザイン統一なしには、AI 生成スライドは素人臭くなる。
Brand Style Enforcer は、プレゼンテーション全体のビジュアル一貫性を保証するスキルである。 カラーパレット、フォント、余白、情報密度、アイコンの統一ルールを適用し、 プロフェッショナルな品質のスライドを実現する。
slide-outline.md または presentation-context.md が存在する状態で起動1. 入力ファイル確認（slide-outline.md / presentation-context.md）
2. 現状のスタイル分析
3. Microsoft カラーパレット適用チェック
4. フォント統一チェック
5. 余白・レイアウトグリッド検証
6. 情報密度分析（1スライド1メッセージ検証）
7. アイコン統一チェック
8. style-guide.md 生成
9. 修正指示リスト出力
| 名称 | HEX | 用途 |
|---|---|---|
| Microsoft Blue | #0078D4 | メインアクセント、CTA ボタン、リンク |
| 名称 | HEX | 用途 |
|---|---|---|
| Light Blue | #50E6FF | ハイライト、図解の補助色 |
| Teal | #00B294 | 成功・ポジティブ指標 |
| Yellow | #FFB900 | 警告・注意喚起 |
| 名称 | HEX | 用途 |
|---|---|---|
| Orange | #D83B01 | 重要ポイント強調 |
| Red | #E74856 | エラー・危険・否定指標 |
| Dark Blue | #0063B1 | 見出し背景、セクション区切り |
| 名称 | HEX | 用途 |
|---|---|---|
| Light Gray | #F3F2F1 | 背景、カード背景 |
| Dark Gray | #323130 | 本文テキスト |
| White | #FFFFFF | スライド背景、余白 |
| 要素 | 欧文フォント | 日本語フォント | サイズ |
|---|---|---|---|
| タイトル | Segoe UI Semibold | メイリオ Bold | 28–36pt |
| サブタイトル | Segoe UI | メイリオ | 20–24pt |
| 本文 | Segoe UI | メイリオ | 16–18pt |
| 注釈 | Segoe UI | メイリオ | 10–12pt |
| コード | Cascadia Code | Consolas | 14–16pt |
| 項目 | 基準値 | 備考 |
|---|---|---|
| テキスト行数 | 最大 6 行/スライド | タイトル行を除く |
| 箇条書き項目数 | 最大 5 項目（理想は 3） | ネスト1段まで |
| フォントサイズ下限 | 16pt | プロジェクタ投影を考慮 |
| 図:テキスト比率 | 6:4 〜 7:3 | 図多めが原則 |
| 余白確保率 | スライド面積の 20% 以上 | 上下左右最低 1 インチ |
各スライドに対して以下を確認する:
┌──────────────────────────────────┐
│ 上部余白 (1インチ) │
│ ┌────────────────────────────┐ │
│ │ タイトルエリア │ │
│ ├────────────────────────────┤ │
│ │ │ │
│ │ コンテンツエリア │ │
│ │ (テキスト / 図解) │ │
│ │ │ │
│ ├────────────────────────────┤ │
│ │ フッター / ページ番号 │ │
│ └────────────────────────────┘ │
│ 下部余白 (1インチ) │
└──────────────────────────────────┘
左余白 右余白
(1インチ) (1インチ)
style-guide.md# Style Guide — [プレゼンテーション名]
## カラーパレット定義
- Primary: #0078D4
- Secondary: #50E6FF, #00B294, #FFB900
- Accent: #D83B01, #E74856, #0063B1
- Neutral: #F3F2F1, #323130, #FFFFFF
- カスタムカラー: [必要に応じて追加]
## フォント規約
- タイトル: [フォント名] / [サイズ]
- 本文: [フォント名] / [サイズ]
- コード: [フォント名] / [サイズ]
## レイアウトグリッド
- 余白: 上下左右 1 インチ
- カラム: [1カラム / 2カラム / グリッド]
## アイコン規約
- アイコンセット: [Fluent UI / Material Design]
- サイズ: [24px / 32px / 48px]
## NG パターン集
- ❌ 1スライドに7行以上のテキスト
- ❌ 14pt未満のフォント使用
- ❌ カラーパレット外の色使用
- ❌ 複数アイコンセットの混在
- ❌ 余白なしでスライド端にテキスト配置
- ❌ 色のみで情報を区別（アクセシビリティ違反）
| 失敗パターン | リカバリ手順 |
|---|---|
| カラーパレット外の色検出 | 最も近いパレット色を提案し、置換指示を出力 |
| フォントサイズ違反 | 推奨サイズへの変更指示を出力 |
| 情報密度超過 | スライド分割案を提示（1→2スライド） |
| コントラスト不足 | 背景色またはテキスト色の変更案を提示 |
| アイコン混在 | 統一アイコンセットへの置換リストを出力 |
| style-guide.md 生成失敗 | デフォルトテンプレートで再生成 |
以下のすべてを満たすこと:
Microsoft ブランドガイドラインは公式を参照 — 非公式サイトのカラーコードは 微妙に異なる場合がある。本スキル記載の HEX 値は公式準拠だが、 組織固有のブランドガイドがある場合はそちらを優先すること
日英混在時のフォント行高問題 — 游ゴシックと Segoe UI を混在させると
行高が揃わず、テキストの上下位置がずれる。メイリオを第一選択とすること。
游ゴシックを使用する場合は line-height を明示的に指定する
ダークモード対応 — 発表環境によっては暗い背景が必要になる。
ライトモード前提でスタイルガイドを作成した場合でも、
ダークモード用のカラーセット（背景: #323130, テキスト: #F3F2F1）を
別途用意しておくこと
アクセシビリティ要件 — コントラスト比 4.5:1 以上を確保すること。 色だけで情報を伝えない（色覚多様性への対応）。 WCAG 2.1 AA 基準を最低ラインとする
プロジェクタ環境の色再現 — プロジェクタでは彩度が落ちる。
薄い色（Light Blue #50E6FF 等）は背景に使わず、
アクセントとしてのみ使用すること
このスキルの実行で得られた知見は以下に記録する:
style-guide.md に反映style-guide.md の NG パターン集に追加references/microsoft-brand-guidelines.md → カラーコードの公式値を確認するときreferences/wcag-contrast-checker.md → コントラスト比の計算方法を確認するときassets/style-guide-template.md → style-guide.md を生成するとき⚠️ 上記ファイルが存在しない場合は、本 SKILL.md 内のインライン情報で代替する。