POM MCP Server

PowerPointプレゼンテーションをPOM (PowerPoint Object Model) 形式のJSONから生成するMCPサーバーです。

AIエージェント（Claude）が自然言語の指示から直接PowerPointファイルを作成できるようになります。

特徴

• 🎨 宣言的なレイアウト: Flexbox風のレイアウトシステム（vstack/hstack）
• 🤖 AI最適化: AIエージェントが自由にスライド構造を設計可能
• 📐 型安全: TypeScriptとZodによるスキーマ検証
• 🎓 組み込みガイド: AIがPOM形式を学習できるプロンプト機能
• 🎯 シンプルなAPI: 2つのツールで完結

セットアップ

必要要件

• Node.js 18以上
• Claude Desktop

インストール手順

1. プロジェクトディレクトリを作成

mkdir mcp-pom-pptx
cd mcp-pom-pptx

2. 依存関係のインストールとビルド

# srcディレクトリがない場合は作成
mkdir -p src

# 依存関係をインストール
npm install

# ビルド
npm run build

ビルドが成功すると dist/index.js が生成されます。

3. Claude Desktopに設定

~/Library/Application Support/Claude/claude_desktop_config.json を編集：

{
  "mcpServers": {
    "mcp-pom-pptx": {
      "command": "node",
      "args": [
        "/絶対パス/mcp-pom-pptx/dist/index.js"
      ]
    }
  }
}

使い方

基本的な使い方

Claude Desktopで以下のように話しかけるだけです：

「営業プレゼン用のPowerPointを作成してください。
1枚目: タイトルスライド（会社名: ABC株式会社、タイトル: 新製品提案）
2枚目: 製品の3つの特徴を箇条書きで
3枚目: 価格表（3プラン）

ファイル名は proposal.pptx で保存してください。」

Claudeが自動的に：

1. POM形式のJSONを生成
2. スライドレイアウトを設計
3. PowerPointファイルを作成

より詳細な指示の例

「技術プレゼンを作成。
- スライドサイズ: 1920x1080
- 全体のテーマカラー: ダークブルー
- 5枚構成
  1. タイトル: システムアーキテクチャ
  2. 現状の課題（箇条書き3点）
  3. 提案ソリューション（2カラム比較）
  4. 実装ロードマップ（表形式）
  5. まとめ

tech-presentation.pptx として保存」

提供するツール

1. create_powerpoint

POM形式のJSONからPowerPointファイルを生成します。

パラメータ:

• slides (必須): POMNode配列（各スライドの定義）
• outputPath (必須): 出力ファイルパス (.pptx)
• width (オプション): スライド幅（デフォルト: 1280px）
• height (オプション): スライド高さ（デフォルト: 720px）

2. validate-pom-slide

POMスライドの構造を検証します。

パラメータ:

• slide (必須): 検証するPOMNodeオブジェクト

提供するプロンプト

AIエージェントが自動的に参照する知識ベース：

1. get-pom-guide

POM形式の完全ガイド

• 全ノードタイプの説明
• プロパティの詳細
• レイアウトのコツ
• ベストプラクティス

2. get-slide-example

具体的なスライド作成例

• タイトルスライド
• コンテンツスライド（箇条書き）
• 2カラム比較スライド
• 表付きスライド

POM形式の概要

ノードタイプ

POMでは以下のノードタイプを組み合わせてスライドを構築します：

レイアウトノード（コンテナ）:

• box - 単一の子要素を持つコンテナ
• vstack - 子要素を縦方向に並べる
• hstack - 子要素を横方向に並べる

コンテンツノード:

• text - テキスト要素
• image - 画像要素
• table - 表要素
• shape - 図形要素（矩形、楕円など）

簡単な例

タイトルスライド:

{
  "type": "box",
  "padding": 50,
  "h": "100%",
  "backgroundColor": "0F172A",
  "children": {
    "type": "vstack",
    "justifyContent": "center",
    "alignItems": "center",
    "gap": 20,
    "children": [
      {
        "type": "text",
        "text": "プレゼンテーションタイトル",
        "fontPx": 60,
        "color": "FFFFFF",
        "bold": true
      },
      {
        "type": "text",
        "text": "サブタイトル",
        "fontPx": 30,
        "color": "E2E8F0"
      }
    ]
  }
}

詳細な仕様は、Claudeが get-pom-guide プロンプトから自動的に学習します。

ディレクトリ構成

mcp-pom-pptx/
├── src/
│   └── index.ts          # メインコード
├── dist/                 # ビルド出力（自動生成）
│   └── index.js
├── package.json
├── tsconfig.json
└── README.md

ライセンス

MIT

クレジット

• POM by hirokisakabe
• Model Context Protocol by Anthropic