Next AI Draw.io
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
作者による説明(英語の原文)
Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
チェック 4/4 合格 · 質問内容は提供元のサーバー(mcp.miro.com)を通ります
まず:どの AI を使っていますか?
使っているアプリを選ぶと、下に手順が表示されます。
Claude につなげます · 約 2 分
キー不要、インストール不要 · claude.ai かデスクトップアプリで一度設定すれば、チャットで使えます · 無料アカウントは 1 つまで
CustomizeConnectors
ここからコピーして Claude の同じ名前の欄に貼り付け、Continue を押します
Mirohttps://mcp.miro.com/Authentication は Claude が検出したままにして Add を押します
+ConnectorsMiro
Miro を使って、私に何ができるか教えて、1 つやってみせて✓ Claude が Miro を使っていると言うか、回答に Miro のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
ChatGPT は法人向けプランのみ接続できます
Web 版 ChatGPT Business・Enterprise・Edu で、ワークスペースの管理者かオーナーが追加します · Free・Plus・Pro の場合:あなたの ChatGPT プランではまだ MCP を自分でつなげません
Plugins+Add custom MCP server
名前を入れ、Connection にアドレスを貼り付け、注意事項にチェックして Create as a plugin を押します
Mirohttps://mcp.miro.com/新しいチャットを開き、入力前にプラグインの一覧から Miro を選びます
Miro を使って、私に何ができるか教えて、1 つやってみせて✓ ChatGPT が Miro を使っていると言うか、回答に Miro のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に OpenAI のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Claude Code につなげます · 約 2 分
キー不要、インストール不要
Mac:Command+スペースで Terminal と入力 · Windows:PowerShell を開く
claude mcp add --transport http miroapp https://mcp.miro.com/Miro が一覧にあり、接続済みと表示されれば OK です
Miro を使って、私に何ができるか教えて、1 つやってみせて✓ Claude Code が Miro を使っていると言うか、回答に Miro のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Anthropic のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Cursor につなげます · 約 2 分
キー不要、インストール不要
Miro を使って、私に何ができるか教えて、1 つやってみせて✓ Cursor が Miro を使っていると言うか、回答に Miro のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に Cursor のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
VS Code につなげます · 約 2 分
キー不要、インストール不要
Miro を使って、私に何ができるか教えて、1 つやってみせて✓ VS Code が Miro を使っていると言うか、回答に Miro のツール名が出れば接続成功です
メニュー名は 2026年11月11日 に VS Code のヘルプページで確認 · アプリのバージョンにより画面が少し違うことがあります
Windsurf、Zed、Gemini CLI など MCP を使える他のアプリは追加方法がそれぞれ違います。アプリ一覧で確認してください
Web 経由でつなぐアプリ用のアドレス
https://mcp.miro.com/JSON 設定は下の「開発者向け」にあります
Claude Code
claude mcp add --transport http miroapp https://mcp.miro.com/Cursor (~/.cursor/mcp.json)
{
"mcpServers": {
"miroapp": {
"url": "https://mcp.miro.com/"
}
}
}VS Code (mcp.json)
{
"servers": {
"miroapp": {
"type": "http",
"url": "https://mcp.miro.com/"
}
}
}この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
このサーバーのつなぎ方と、各アプリの公式ドキュメントに基づきます。2026年11月10日に確認。
インターネット経由でつなげるアプリ
ClaudeChatGPTGooseLM StudioMsty StudioCherry StudioCursorVS Code + GitHub CopilotVisual StudioWindsurf (Devin Desktop)ZedKiroClineContinueJetBrains AI AssistantClaude CodeCodex CLIGemini CLIOpenCodenodecodeWarpLibreChatOpen WebUIRaycast
このサーバーは、ツール一覧を表示する前にサインインを求めます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月11日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント miroapp で確認済みです
コードの最終更新:2 か月前
このリポジトリはまだGitHubから読み取っていません
700ミリ秒で応答(HTTP 401)
OAuthでのサインインに対応しているため、AIアプリがログイン画面へ案内してくれます
まだチェックしていません。エンドポイントをチェックするときにツール一覧を読み取ります
質問、コツの共有、使えないことの報告ができます。「役に立った」の多い順です。
まだレビューはありません
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック4項目のうち4項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
作者のクラウドで動きます。インストール不要でインターネット経由でつながりますが、送った内容は作者のサーバーを通ります。
GitHubリポジトリの最終更新は2 か月前、最新バージョン(1.0.2)がレジストリに届いたのは8 か月前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。URL で接続するので、リモート MCP に対応したアプリでも使えます(例:ChatGPT Business 以上)。
同じカテゴリには:Next AI Draw.io, Pascal 3D Editor, screenpipe
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:↓ 週あたりのダウンロードi★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
draw.io diagrams your AI agent draws on a live browser canvas that you can also edit by hand
Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.
Search your local screen recordings, audio transcripts, and computer activity from screenpipe.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Connect AI coding assistants to your Miro boards. Create diagrams, extract context, generate code from designs, and track tasks—all through natural conversation.
This repo provides everything you need to connect AI tools to Miro:
| Component | What It Does |
|---|---|
| Miro MCP Server | API that gives AI agents access to your Miro boards |
| Plugins & Extensions | Pre-built integrations for popular AI tools |
| Documentation | Guides for using and developing integrations |
| AI Tool | Integration |
|---|---|
| Claude Code | Plugins |
| Gemini CLI | Extensions |
| Codex | Local plugins |
| Kiro | Power |
| Agent Skills | Skills |
| Cursor, VSCode, Windsurf, etc. | MCP Config |
Select your AI tool below and follow the installation steps.
Claude Code (Recommended)
/plugin marketplace add miroapp/miro-ai
/plugin install miro@miro-ai
The miro plugin bundles all skills (browse, code-review, code-spec, code-explain-on-board, diagram, doc, format, table) and the Miro MCP server.
Restart Claude Code after installation. If you previously configured Miro MCP manually, remove the duplicate to avoid conflicts — the plugin already manages the MCP connection for you.
See Claude Code Plugins for full documentation.
Gemini CLI
gemini extensions install https://github.com/miroapp/miro-ai
Gemini CLI installs the repo as an extension, registers the Miro MCP server from gemini-extension.json, and auto-discovers the 8 bundled skills from skills/. Restart Gemini CLI and authenticate when prompted.
See Gemini CLI Extension | Official Docs
Kiro
miroapp/miro-ai and select powers/code-genFor local development, see CONTRIBUTING.md.
See Kiro Powers | Official Docs
Agent Skills (agentskills.io)
Portable knowledge skills that work across AI coding tools (Claude Code, Cursor, VS Code + Copilot, Codex, etc.).
npx skills add miroapp/miro-ai # Interactive install
npx skills add miroapp/miro-ai --list # List available skills npx skills add miroapp/miro-ai --skill=miro-code-review # Install specific skill
Available skills: miro-code-explain-on-board, miro-code-review, miro-code-spec
See Agent Skills Overview | agentskills.io
Other MCP Clients (Cursor, VSCode + Copilot, Windsurf, Lovable, Replit, etc.)
Add to your MCP client configuration file:
{
"mcpServers": { "miro": { "url": "https://mcp.miro.com/" } } }
Note: If a Miro plugin or extension becomes available for your client later,
switch to it and remove the manual entry to avoid duplicate servers.
See MCP Setup Guide for client-specific paths.
When you first use a Miro command, you'll be prompted to authenticate:
Test your setup with these example prompts:
"What's on my Miro board https://miro.com/app/board/..."
"Create a flowchart on Miro showing a user login flow"
"Summarize the architecture diagram on my Miro board"
Want to modify plugins, test changes locally, or build your own? See CONTRIBUTING.md for dev setup instructions.
Codex plugins are generated locally into codex-plugins/*/ with the repo marketplace at .agents/plugins/marketplace.json. See Codex Plugins for the generated structure and CONTRIBUTING.md for regeneration and local testing.
If your client has a Miro plugin or extension, use only that — do not also add https://mcp.miro.com/ manually. Each installation method creates an independent MCP connection with its own OAuth session, and running more than one causes duplicate tools and auth confusion.
See the Duplicate MCP Servers guide in Miro's Developer docs for diagnosis and cleanup steps.
Admin Approval Required: If your organization is on a Miro Enterprise plan, your admin must enable the MCP Server before you can connect.
See Enterprise Guide for setup instructions.
Skills auto-activate when you describe what you want naturally. No slash commands required — just include a Miro board URL.
| Skill | Triggers On |
|---|---|
miro-code-explain-on-board | "Explain this codebase on …", "Visualize the architecture on …" |
miro-code-review | "Review PR 123 on …", "Visual review of this branch on …" |
miro-code-spec | "Extract specs from …", "Pull the design docs at …" |
Creating content on a board — diagrams, documents, tables, stickies, standalone formats — needs no skill. Ask for it directly; the Miro MCP server's own tools cover it and load their authoring guidance on demand.
| Capability | Description |
|---|---|
| Generate Diagrams | Create flowcharts, sequence diagrams, ERDs from code or descriptions |
| Generate Code | Convert board designs and wireframes into working code |
| Track Tasks | Sync tasks between AI conversations and Miro tables |
| Extract Context | Read board content to inform AI workflows |
| Plugin | Description |
|---|---|
| miro | Core MCP integration with 3 bundled skills (code-explain-on-board, code-review, code-spec) |
| Extension | Description |
|---|---|
| miro | Core MCP integration with bundled skills |
| Plugin | Description |
|---|---|
| miro | Core MCP integration with native $miro: activation and MCP access |
| Skill | Description |
|---|---|
| miro-code-explain-on-board | Explain a codebase on a board as a minimal, notation-correct diagram set plus a companion doc |
| miro-code-review | Visual code review from PRs, local changes, or branch comparisons |
| miro-code-spec | Extract Miro specs (docs, diagrams, prototypes, tables, images) to .miro/specs/ |
| Power | Description |
|---|---|
| code-gen | Design-to-code workflows |
Claude Code, Cursor, VSCode + GitHub Copilot, Gemini CLI, Lovable, Replit, Windsurf, Kiro, Glean, Devin, OpenAI Codex
MIT — see LICENSE
Built with love by Miro