mcpField
M
mcp-miro MCP Server

mcp-miro MCP Server

ローカル
github.com/evalstate生産性11396 週間前に更新

mcp-miro MCP Server について

mcp-miro は MIRO ホワイトボードアプリに接続する MCP サーバーで、ボードの操作、付箋の作成、一括操作に対応しています。README では、付箋を撮影して Claude に MIRO 上の同等の内容を作成させる方法が有効とされています。

主な機能

  1. 01ボード内容の操作
  2. 02付箋と図形の作成
  3. 03ボード、フレーム、内容の読み取り
  4. 04一括作成
  5. 05環境変数または --token による OAuth キーの指定

活用シーン

  1. 01実物の付箋を MIRO の付箋として再現
  2. 02Claude を使ったホワイトボード内容の一括生成
  3. 03MIRO ボードの内容を Claude で分析

MCP 対応

MIRO ボードの内容をリソースとして、またツールやプロンプトとともに、Claude Desktop などの MCP クライアントに公開する MCP サーバーです。

設定

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

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

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

パッケージ
npm@smithery/cli

ツール

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

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

詳細

mcp-miro MCP サーバー

smithery badge

MIRO ホワイトボードアプリケーションに接続するための Model Context Protocol サーバーです。

  • ボードの操作、付箋の作成、一括操作などに対応しています。
  • OAuth キーは環境変数、または --token 引数で渡します。
  • 付箋の写真を撮り、Claude に MIRO 上で同等のものを作成するよう依頼すると、とてもよく機能します。

mcp-miro MCP server

インストール

Smithery 経由でのインストール

Smithery 経由で MIRO Whiteboard Connector を Claude Desktop に自動インストールするには:

npx -y @smithery/cli install @llmindset/mcp-miro --client claude
mcp-get を使用する

mcp-get を使用して、このパッケージをインストールできます:

npx @michaellatman/mcp-get@latest install @llmindset/mcp-miro

注:古いバージョンの Windows PowerShell を使用している場合、このコマンドを実行する前に Set-ExecutionPolicy Bypass -Scope Process を実行する必要があります。

機能

MIRO/Claude Desktop のスクリーンショット

リソース
  • ボードの内容を取得
ツール
  • 付箋、図形を作成
  • ボード、フレーム、内容を読み取る
  • 一括作成
プロンプト
  • ボードの座標などを指示

開発

依存関係をインストールします:

npm install

サーバーをビルドします:

npm run build

自動再ビルドを使用した開発の場合:

npm run watch

インストール

Claude Desktop で使用するには、サーバー設定を追加します:

MacOS の場合:~/Library/Application Support/Claude/claude_desktop_config.json Windows の場合:%APPDATA%/Claude/claude_desktop_config.json

{
  "mcpServers": {
    "mcp-miro": {
      "command": "/path/to/node-or-npx",
      "arguments": [
        "/path/to/mcp-miro/build/index.js",
        "--token","MIRO-OAUTH-KEY"
      ]
    }
  }
}
デバッグ

MCP サーバーは stdio 経由で通信するため、デバッグが難しい場合があります。パッケージスクリプトとして利用できる MCP Inspector の使用をおすすめします:

npm run inspector

Inspector から、ブラウザーでデバッグツールにアクセスするための URL が提供されます。

開発環境では、参照用に https://github.com/miroapp/api-clients/blob/041de24ebf7955432b447d887ede066ad4c7e2c7/packages/generator/spec.json を追加することをおすすめします。

コメント

MCP は初めてですか?

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

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