mcpField
W
Whimsical MCP Server

Whimsical MCP Server

ローカル
github.com/BrockReeceメディア・デザイン4628 週間前に更新
リポジトリ

Whimsical MCP Server について

MCP クライアントが生成した Mermaid 記法をもとに、Whimsical API で図を作成するサードパーティー製の MCP サーバーです。Claude や Windsurf などのクライアントから直接図を作成したいユーザー向けです。

主な機能

  1. 01Mermaid 記法から Whimsical 図を作成
  2. 02図の URL と base64 エンコード画像の返却
  3. 03クライアントが元の記法を修正しながら反復可能

活用シーン

  1. 01会話中のシステム構成の説明を図に変換
  2. 02生成された画像を確認し記法を修正

MCP 対応

MCP サーバーとして、図の作成機能を MCP クライアントに公開します。クライアントは Mermaid 記法を渡してこの機能を呼び出します。

設定

ローカルサーバーの設定はどのクライアントでも共通です。コピーしてクライアントの MCP 設定ファイルに貼り付けてください。

mcp.json · 共通設定
{
  "mcpServers": {
    "whimsical": {
      "command": "npx",
      "args": [
        "-y",
        "@smithery/cli"
      ]
    }
  }
}
起動コマンドnpx -y @smithery/cli

ローカルサーバーにはマシン上の実行環境（Node.js 18 以上など）が必要です。設定ファイルの場所はクライアントごとに異なります。

パッケージ
npm@smithery/cli

ツール

ツール一覧はまだ取得されていません

ローカルサーバーのツールはマシン上で起動して初めて取得できます。メンテナーはまだツール一覧を提供していません。

詳細

Whimsical MCP サーバー

Whimsical には、こちらから利用できる公式 MCP サーバーが用意されています。

Whimsical の図をエージェントが作成できるようにする、サードパーティ製の Model Context Protocol（MCP）サーバーです。このサーバーは Whimsical の API と連携し、Mermaid マークアップから図を生成します。

デモ

以下は、この MCP サーバーと Claude を使って作成した複雑なシステムアーキテクチャ図の例です。Model Context Protocol（MCP）のアーキテクチャ自体を示しています。

MCP アーキテクチャ

機能

  • MCP クライアント（Claude、Windsurf など）が生成した Mermaid マークアップを使って Whimsical の図を作成します
  • Whimsical の図の URL と Base64 エンコードされた画像の両方を返すため、クライアントは元のマークアップを反復して改善できます

インストール

Smithery 経由でのインストール

Smithery 経由で Claude Desktop に Whimsical MCP Server を自動的にインストールするには：

npx -y @smithery/cli install BrockReece/whimsical-mcp-server --client claude
手動インストール
# Clone the repository
git clone https://github.com/BrockReece/whimsical-mcp-server.git

# Install dependencies
yarn install

# Build the project
yarn build
MCP クライアントとの連携

このリポジトリの dist フォルダーを参照するように、MCP クライアントの設定を更新します 例：

    {
        "mcpServers": {
            "whimsical": {
                "command": "node",
                "args": [
                    "/path/to/this/repo/whimsical-mcp-server/dist/index.js"
                ]
            }
        }
    }

ライセンス

このプロジェクトは MIT ライセンスの下でライセンスされています。

コメント

Markdown 対応

MCP は初めてですか？

プロトコルの概要から最初のサーバーの導入まで、よくある疑問にまとめて答えます。

AI アプリケーションが外部のツールやデータソースに統一的な方法で接続するためのオープンなプロトコルです。クライアントはモデルとの対話を担い、MCP サーバーはツール・リソース・プロンプトテンプレートを提供します。標準メッセージでやり取りするため、1 つのサーバーを複数のクライアントで再利用できます。