ClawKit Logo
ClawKitReliability Toolkit
Back to Registry
Official Verified developer tools Safety 4/5

miro-mcp

Connect OpenClaw agents to Miro via Model Context Protocol (MCP). Use when generating diagrams, visualizing code, brainstorming board layouts, or integrating Miro into AI-powered design workflows. Supports OAuth 2.1 authentication, 14+ MCP-compatible clients (Cursor, Claude Code, Replit, Lovable, VSCode/Copilot, Gemini CLI, Windsurf, Kiro CLI, Amazon Q, others). Best for design thinking, architecture visualization, project planning, collaborative ideation.

skill-install — Terminal

Install via CLI (Recommended)

clawhub install openclaw/skills/skills/bigbubbaagent-bot/miro-mcp
Or

What This Skill Does

The Miro MCP skill acts as a high-level bridge between your OpenClaw agent and the Miro collaborative whiteboarding platform. By leveraging the Model Context Protocol (MCP), it enables seamless bidirectional communication, allowing the AI to read board content, analyze complex visual workflows, and generate architectural diagrams or documentation directly onto a Miro board. This skill effectively turns your whiteboarding sessions into interactive programming and planning hubs, making design-to-code workflows significantly faster and more intuitive.

Installation

To integrate this skill, ensure you have an MCP-compatible client like Cursor, Claude Code, or VS Code. Run the following command: clawhub install openclaw/skills/skills/bigbubbaagent-bot/miro-mcp. Once installed, configure your MCP client by adding the endpoint URL https://mcp.miro.com/ to your configuration file. After saving, restart your IDE or agent terminal, click 'Connect' when prompted, and complete the OAuth 2.1 authentication flow to link your Miro workspace to your agent.

Use Cases

  • Architecture Visualization: Automatically turn code repositories or project requirements into visual UML, sequence, or flowchart diagrams on a board.
  • PRD-to-Code: Translate visual product requirements and user flow prototypes into boilerplate code, project structures, or technical documentation.
  • Brainstorming Synthesis: Summarize cluttered brainstorming sessions on a Miro board into actionable task lists or GitHub issue descriptions.
  • Code Review & Planning: Visualize data flows for existing systems to identify bottlenecks or plan new feature integrations before writing a single line of code.

Example Prompts

  1. "Analyze the architecture diagram on this board: [board_url] and suggest a list of necessary API endpoints."
  2. "Generate a sequence diagram representing the checkout flow for our web app and post it to this board: [board_url]."
  3. "Summarize the user feedback stickies found on this Miro board and convert them into a markdown document of high-priority tickets."

Tips & Limitations

  • Tips: Use specific frames or labeled zones in Miro for the best parsing results. The agent performs better when board objects are neatly organized.
  • Limitations: Access is limited to the teams you have authenticated with via OAuth. Ensure the Miro app permissions are granted for your workspace. Complex board layouts with hundreds of disparate elements might occasionally lead to longer processing times due to API rate limits.

Metadata

Stars4473
Views0
Updated2026-05-01
View Author Profile
AI Skill Finder

Not sure this is the right skill?

Describe what you want to build — we'll match you to the best skill from 16,000+ options.

Find the right skill
Add to Configuration

Paste this into your clawhub.json to enable this plugin.

{
  "plugins": {
    "official-bigbubbaagent-bot-miro-mcp": {
      "enabled": true,
      "auto_update": true
    }
  }
}

Tags(AI)

#miro#mcp#architecture#visualization#productivity
Safety Score: 4/5

Flags: external-api, file-read, file-write