By miroapp
Read, create, and update Miro boards from AI conversations — extract specs, generate diagrams (flowcharts, UML, ERD), create documents and tables, and perform visual code reviews linked to PRs/MRs.
Use when the user wants to explore, list, summarize, or inspect items on a Miro board.
Use when the user wants to explain or visualize a codebase on a Miro board — produces a minimal, notation-correct set of architecture / structure / behavior diagrams (flowchart, UML class, UML sequence, ERD) plus a short companion document, grounded in real repo artifacts.
Use when the user wants to create a visual code review on a Miro board from a pull/merge request (GitHub, GitLab, or any forge), local uncommitted changes, or a branch comparison — produces a file-changes table, summary/architecture/security docs, and architecture diagrams, then links them back from the PR/MR.
Use when the user wants to extract a Miro board's specs (documents, diagrams, prototypes, tables, frames, images) to local `.miro/specs/` files for AI-assisted planning and implementation — accepts a board URL or single-item URL.
Use when the user wants to create or update a diagram on a Miro board.
External network access
Connects to servers outside your machine
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
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.
/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, 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 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 7 bundled skills from skills/. Restart Gemini CLI and authenticate when prompted.
miroapp/miro-ai and select powers/code-genFor local development, see CONTRIBUTING.md.
See Kiro Powers | Official Docs
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-browse # Install specific skill
Available skills: miro-browse, miro-code-review, miro-code-spec, miro-diagram, miro-doc, miro-table
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.
npx claudepluginhub miroapp/miro-ai --plugin miroClaude Code skill pack for Miro (24 skills)
Read and interpret Miro boards
Intelligent draw.io diagramming plugin with AI-powered diagram generation, multi-platform embedding (GitHub, Confluence, Azure DevOps, Notion, Teams, Harness), conditional formatting, live data binding, and MCP server integration for programmatic diagram creation and management.
Hand-drawn diagrams with streaming animations, fullscreen editing, checkpoint/restore, and export to excalidraw.com
MCP server for previewing Mermaid diagrams in Claude Code
General development utilities including Mermaid diagram creation for software documentation