Miro AI Developer Tools
Connect AI coding assistants to your Miro boards. Create diagrams, extract context, generate code from designs, and track tasks—all through natural conversation.
Share your feedback.
What's in This Repository?
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 |
Supported AI Tools
| AI Tool | Integration |
|---|
| Claude Code | Plugins |
| Gemini CLI | Extensions |
| Kiro | Power |
| Agent Skills | Skills |
| 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)
/plugin marketplace add miroapp/miro-ai
/plugin install miro@miro-ai
Optional plugins:
/plugin install miro-tasks@miro-ai # Task tracking in Miro tables
/plugin install miro-solutions@miro-ai # Demo plugin generator
/plugin install miro-research@miro-ai # Research visualization
/plugin install miro-review@miro-ai # Code review workflows
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
Quick start — install the root extension for MCP access:
gemini extensions install https://github.com/miroapp/miro-ai
This installs the root gemini-extension.json, which gives Gemini access to the Miro MCP server (board reading, diagrams, tables, docs).
Full install — for commands, skills, and hooks, clone the repo and install individual extensions:
git clone https://github.com/miroapp/miro-ai.git
gemini extensions install ./miro-ai/gemini-extensions/miro
gemini extensions install ./miro-ai/gemini-extensions/miro-tasks
gemini extensions install ./miro-ai/gemini-extensions/miro-research
gemini extensions install ./miro-ai/gemini-extensions/miro-review
Restart Gemini CLI and authenticate when prompted.
See Gemini CLI Extension | Official Docs
Kiro
- Open the Powers panel in Kiro
- Click Add power from GitHub
- 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.).
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-mcp # Install specific skill
Available skills: miro-mcp, miro-platform, miro-code-review
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.
Step 3: Authenticate
When you first use a Miro command, you'll be prompted to authenticate:
- A browser window opens with Miro OAuth
- Log in to your Miro account
- Grant access to the requested boards
- 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"
miroapp