ogp-maker-mcp

日本語が崩れないOGP画像（1200×630 PNG）を生成するMCPサーバー。BudouXによる自然な改行・禁則処理つき。 Claude Code / Cursor / Windsurf などのMCPクライアントから、記事のOGP画像を1コマンドで生成できます。

Web版: https://ogp-maker-jp.web.app/

セットアップ

初回のみChromiumが必要です：

npx playwright install chromium

Claude Code

claude mcp add ogp-maker -- npx -y ogp-maker-mcp

.mcp.json / Cursor など

{
  "mcpServers": {
    "ogp-maker": {
      "command": "npx",
      "args": ["-y", "ogp-maker-mcp"]
    }
  }
}

使い方

エージェントに頼むだけです：

「この記事のOGP画像を public/og.png に作って。タイトルは『◯◯』で」

ツール: generate_ogp_image

| パラメータ | 説明 | |---|---| | title（必須） | タイトル。BudouXで自然な位置に改行されます | | out_path（必須） | 保存先PNGパス | | subtitle | サブタイトル | | author | 著者名・サイト名 | | emoji | アクセント絵文字（例: 📝） | | template | note（カード）/ plain / gradient / dark / washi（和風明朝） | | font | noto-sans / noto-serif / mplus-rounded / biz-ud |

プライバシー

画像は公開ジェネレーターページ（ogp-maker-jp.web.app）をヘッドレスブラウザで開いて生成します。入力テキストはURLパラメータとしてページに渡るだけで、サーバー側に保存されません（ページは完全クライアントサイド・静的ホスティング）。

License

MIT