Miro

io.github.miroapp由 GitHub 帳號 miroapp 發布v1.0.2更新於 Nov 2, 2026

Official Miro MCP server - Supports context to code and creating diagrams, docs, and data tables.

已驗證Streamable HTTP可網頁執行效率與工作流開發者工具

概覽

AI 產生的概覽

Miro 官方 MCP 伺服器,讓 AI 助理讀取 Miro 白板、建立圖表、文件與資料表,並把設計轉成程式碼。

可以做什麼
  • 讀取白板內容,為 AI 工作流程擷取脈絡
  • 依程式碼或描述產生流程圖、時序圖、ERD 等圖表
  • 在白板上建立文件、資料表、便利貼與獨立格式內容
  • 把白板設計與線框圖轉換成可執行的程式碼
  • 在 AI 對話與 Miro 資料表之間同步任務
  • 可選技能支援程式碼解說、視覺化程式碼審查與規格擷取
適用情境
適合在 Miro 協作、並希望 AI 程式助理讀取既有白板、繪製架構或流程圖、把任務記在 Miro 資料表,或把線框圖轉成程式碼的情境。適用於同時使用 Miro 與 Claude Code、Cursor、VS Code、Gemini CLI 等客戶端的團隊。
執行需求
在客戶端設定中加入遠端 MCP 端點 mcp.miro.com,不需本機套件。需要 Miro 帳號,透過 OAuth 2.1 登入並在瀏覽器授權白板權限。若使用 Miro 企業版,需由管理員先啟用 MCP 伺服器。
安裝前請注意
OAuth 授權後助理可存取你核准的白板,並能建立與修改白板內容,請留意授權範圍與變更。不要同時安裝 Miro 外掛和手動加入端點,兩者會各自建立 OAuth 工作階段並產生重複工具。企業版存取取決於管理員核准。

安裝

在 SourceWeft 中

  1. 開啟 儀表板中的 Miro,將其新增到工作區。
  2. 連接 所需的 憑證。它們會被私密儲存,絕不會在公開頁面上展示。
  3. 為需要使用其工具的對話啟用該服務。

Web executable,透過 Streamable HTTP。 遠端服務在工作區中設定後即可從網頁執行環境執行。

交給代理程式安裝

把這段提示詞貼上到 Claude Code、Codex、Cursor 等代理程式,或 SourceWeft 對話中。代理程式會讀取該伺服器的安裝指南,先向你展示發布者、端點和登入方式,經你同意後再把它新增到你的客戶端。金鑰不會寫進任何命令。

閱讀 https://sourceweft.com/mcp/io.github.miroapp%2Fmcp-server/install.md,並按其中說明把這個 MCP 伺服器接入我的客戶端。修改任何設定之前,先告訴我它的發布者、端點和登入方式,等我確認。不要把 API 金鑰寫進命令或我會提交的檔案;問我金鑰應從哪裡取得。

檢視代理程式所依據的安裝指南

其他 MCP 客戶端

把它新增到你客戶端的 mcpServers 設定中。 客戶端會在首次連接時完成 OAuth 登入。

{
  "mcpServers": {
    "miro": {
      "type": "http",
      "url": "https://mcp.miro.com/"
    }
  }
}

README

Miro AI Developer Tools

[Documentation]

Connect AI coding assistants to your Miro boards. Create diagrams, extract context, generate code from designs, and track tasks—all through natural conversation.

[Gemini CLI docs, diagram, table demo]


Share your feedback.


What's in This Repository?

This repo provides everything you need to connect AI tools to Miro:

ComponentWhat It Does
Miro MCP ServerAPI that gives AI agents access to your Miro boards
Plugins & ExtensionsPre-built integrations for popular AI tools
DocumentationGuides for using and developing integrations

Supported AI Tools

AI ToolIntegration
Claude CodePlugins
Gemini CLIExtensions
CodexLocal plugins
KiroPower
Agent SkillsSkills
Cursor, VSCode, Windsurf, etc.MCP Config

Quick Start

Step 1: Choose Your AI Tool

Select your AI tool below and follow the installation steps.

Step 2: Install

Claude Code (Recommended)
bash
/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
bash
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
  1. Open the Powers panel in Kiro
  2. Click Add power from GitHub
  3. Enter: miroapp/miro-ai and select powers/code-gen

For 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.).

bash
npx skills add miroapp/miro-ai                       # Interactive installnpx skills add miroapp/miro-ai --list                # List available skillsnpx 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:

json
{  "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.

Step 3: Authenticate

When you first use a Miro command, you'll be prompted to authenticate:

  1. A browser window opens with Miro OAuth
  2. Log in to your Miro account
  3. Grant access to the requested boards
  4. Return to your AI tool—you're connected!

Step 4: Try It

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"

Developer Mode

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.

Avoiding Duplicate Servers

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.


Enterprise Users

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.


What Can You Do?

Skills (Claude Code)

Skills auto-activate when you describe what you want naturally. No slash commands required — just include a Miro board URL.

SkillTriggers 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.

Capabilities (All Platforms)

CapabilityDescription
Generate DiagramsCreate flowcharts, sequence diagrams, ERDs from code or descriptions
Generate CodeConvert board designs and wireframes into working code
Track TasksSync tasks between AI conversations and Miro tables
Extract ContextRead board content to inform AI workflows

Available Plugins

Claude Code

PluginDescription
miroCore MCP integration with 3 bundled skills (code-explain-on-board, code-review, code-spec)

Gemini CLI

ExtensionDescription
miroCore MCP integration with bundled skills

Codex

PluginDescription
miroCore MCP integration with native $miro:<skill> activation and MCP access

Agent Skills

SkillDescription
miro-code-explain-on-boardExplain a codebase on a board as a minimal, notation-correct diagram set plus a companion doc
miro-code-reviewVisual code review from PRs, local changes, or branch comparisons
miro-code-specExtract Miro specs (docs, diagrams, prototypes, tables, images) to .miro/specs/

Kiro

PowerDescription
code-genDesign-to-code workflows

Security

  • OAuth 2.1 secure authorization
  • Enterprise compliance standards
  • Permission-based access via your Miro account
  • Rate limited API protection

Documentation

Getting Started

Platform Guides

Reference

Development

External


Supported MCP Clients

Claude Code, Cursor, VSCode + GitHub Copilot, Gemini CLI, Lovable, Replit, Windsurf, Kiro, Glean, Devin, OpenAI Codex


Feedback & Support


License

MIT — see LICENSE


Built with love by Miro

來源:README.md,提交 b6408e1

工具

0
該伺服器需要登入,因此 SourceWeft 無法在沒有帳號的情況下讀取其工具,也未收錄。已連接帳號所能看到的內容可能因帳號及其權限而異。

版本歷史

1
  1. v1.0.2最新Sep 16, 2026

評分

已滿足適用檢查項的 85%

該評分衡量此收錄條目的完整程度,依據註冊中心條目、端點與公開來源計算得出。它不是對伺服器本身的評價,也不表示伺服器安全或目前可用:可連通性是帶日期的檢查結果,評分也不包含安裝量或使用者評價。

  • 近 30 天內可連通必需25 分
  • 已宣告認證方式必需10 分
  • 已列出工具15 分

    請讓伺服器在無憑證時回應 tools/list,或發布可在沙箱中無憑證啟動的軟體包。

  • 描述必需15 分
  • 圖示10 分
  • 文件15 分
  • 授權條款10 分