Connect OpenClaw agents to Miro via the Model Context Protocol to bridge the gap between visual brainstorming and technical implementation.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install miro-mcp
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install miro-mcp using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Miro MCP Integration?
The Miro MCP skill allows developers to integrate Miro boards directly into their AI-driven development environment. By leveraging the Model Context Protocol, this integration enables AI agents to read, write, and manipulate board items, transforming static diagrams into living documentation. This Openclaw Skills tool is essential for teams using Miro for architecture design, product requirements, and collaborative ideation.
It bridges the gap between visual planning and technical execution. Whether you are generating complex system architectures from existing codebases or translating a product requirements document (PRD) into a functional code skeleton, this skill provides the necessary interface for AI agents to interact with Miro's canvas in real-time.
Miro MCP Integration Use Cases
- Generating architecture, sequence, and data flow diagrams (UML, ERD) directly from repository source code.
- Translating visual product requirement documents and prototypes into implementation guidance and documentation.
- Summarizing complex board content and frames for quick project alignment.
- Automated board creation and templating using REST API scripting for CI/CD workflows.
- Providing iterative UX/UI feedback by analyzing prototype screens on a Miro board.
How Miro MCP Integration Works
- The AI agent initiates a connection via the Model Context Protocol using a standardized Miro MCP URL.
- Users authenticate via OAuth 2.1, explicitly granting the agent access to a specific Miro team workspace.
- The agent utilizes specialized tools like context_explore to identify relevant frames, shapes, and documents on the board.
- Based on the prompt, the agent either extracts data (reading) to generate code or sends DSL commands (writing) to create visual elements.
- The skill uses Miro AI credits for deep content analysis while standard shape and text creation are handled via high-performance API calls.
Miro MCP Integration Setup
- Access your MCP-compatible client settings (e.g., Cursor, Claude Code, or VSCode).
- Add the Miro MCP configuration:
# Configuration URL
https://mcp.miro.com/
- Follow the OAuth 2.1 flow to connect your Miro account.
- Select the specific Miro team you wish to integrate with your Openclaw Skills workflow.
- Verify the connection by prompting the agent to summarize a board URL.
Miro MCP Integration Data Schema & Taxonomy
The Miro MCP skill organizes data through Miro's board hierarchy and standard item types. It supports specific metadata for identifying agent-generated content.
| Item Type | Description | Key Attributes |
|---|---|---|
| Shapes | Rectangles, circles, diamonds | content, shapeType, style |
| Text | Labels and annotations | content (HTML), fontSize, color |
| Frames | Containers for grouping items | title, geometry (width/height) |
| Metadata | External context mapping | board_id, team_id, item_id |
Miro MCP Integration Advanced Features
- Multi-client compatibility supporting over 14 AI coding environments including Cursor, Windsurf, and Claude Code.
- Dynamic Diagram-as-Code generation using DSL support for UML, flowcharts, and ERDs.
- High-speed REST API automation for bulk shape creation and automated templating using curl/bash scripts.
- Enterprise-grade security with team-scoped access and OAuth 2.1 dynamic client registration.
- Deep content analysis capabilities using specialized context_get tools for complex board summarization and data extraction.
SKILL.md
Loading
Related Openclaw Skills
Miro API Integration
A comprehensive developer tool for programmatically managing Miro boards, shapes, cards, and team resources via the v2 REST API.
Agent Matchmaker
Automatically discovers compatible AI agents and posts collaboration recommendations to foster ecosystem growth.
GM3 Alertworthy Feed
A high-fidelity data skill providing real-time snapshots of alertworthy crypto tokens and market structure signals for analysis agents.
Lead Inbox Automator
A robust lead management skill for AI agents that integrates Supabase storage with Make.com email automation.
Miro Web SDK
A comprehensive development kit for building web plugins and desktop applications that extend Miro's collaborative whiteboarding capabilities.
ntfy-notify
A versatile CLI skill for sending rich, interactive notifications to ntfy.sh topics with full support for attachments and actions.
Featured*
