Official Miro AI developer tools and integrations. Includes MCP server configuration, Claude Code skills, and resources for building AI-powered experiences with Miro boards.
git clone https://github.com/miroapp/miro-ai.gitMiro AI Developer Tools integrate your Miro boards with Claude Code, Cursor, Gemini CLI, and other AI coding assistants through an MCP server. The suite includes six bundled skills—browse, code-review, code-spec, diagram, doc, and table—that auto-activate when you describe what you need. You can generate flowcharts and sequence diagrams from descriptions, extract design specifications and architecture context from board content, convert wireframes into working code, and sync tasks between AI conversations and Miro tables. Installation is straightforward: add the plugin via Claude Code marketplace or configure the MCP server manually for other clients. Authentication uses Miro OAuth, and enterprise users require admin approval.
For Claude Code users: run `/plugin marketplace add miroapp/miro-ai` then `/plugin install miro@miro-ai` and restart. For other tools like Cursor or VSCode, add the MCP server configuration pointing to `https://mcp.miro.com/`. Authenticate via Miro OAuth when prompted. Simply mention a Miro board URL in your chat to activate the relevant skill automatically.
Generate flowcharts and diagrams from natural language descriptions on Miro boards
Extract design specifications and architecture context from boards to inform code generation
Convert wireframes and visual designs into working code
Create and sync task tracking tables between Miro and AI workflows
No install command available. Check the GitHub repository for manual installation instructions.
git clone https://github.com/miroapp/miro-aiCopy the install command above and run it in your terminal.
Launch Claude Code, Cursor, or your preferred AI coding agent.
Use the prompt template or examples below to test the skill.
Adapt the skill to your specific use case and workflow.
I want to build an AI-powered experience using Miro's developer tools. Can you guide me through setting up the MCP server and integrating Claude Code skills? I'm working with [COMPANY] in the [INDUSTRY] sector, and I need to process [DATA] to create dynamic visualizations on Miro boards.
## Miro AI Integration Guide for [COMPANY] ### Step 1: MCP Server Setup 1. **Installation**: Download the MCP server from Miro's developer portal. 2. **Configuration**: Edit the `config.json` file to include your API keys and set the desired parameters. 3. **Deployment**: Run the server using the command `node server.js` in your terminal. ### Step 2: Integrating Claude Code Skills 1. **Skill Selection**: Choose the relevant Claude Code skills from the Miro marketplace. 2. **API Integration**: Use the provided API endpoints to connect Claude Code skills to your MCP server. 3. **Testing**: Run initial tests to ensure seamless data flow between Miro boards and Claude Code skills. ### Step 3: Data Processing and Visualization 1. **Data Ingestion**: Configure the MCP server to ingest [DATA] from your data sources. 2. **Visualization Setup**: Use Miro's API to create dynamic visualizations based on the processed data. 3. **User Interaction**: Implement user interaction features to allow real-time updates and modifications.
Connect your sales stack seamlessly
AI assistant built for thoughtful, nuanced conversation
Get more done every day with Microsoft Teams – powered by AI
Automate your spreadsheet tasks with AI power
Agentic AI Workflow platform
Connected workspace for docs, wikis, and projects
Take a free 3-minute scan and get personalized AI skill recommendations.
Take free scan