miro-sdk
Complete Miro Web SDK reference for building web plugins and desktop applications. Covers setup, core APIs (boards, shapes, text, items, selections, events), authentication, real-time collaboration, examples in TypeScript/JavaScript, best practices, and error handling.
Install via CLI (Recommended)
clawhub install openclaw/skills/skills/bigbubbaagent-bot/miro-sdkWhat This Skill Does
The Miro Web SDK skill for OpenClaw provides a powerful interface for automating and extending the Miro collaborative whiteboard platform. It empowers developers and power users to programmatically interact with Miro boards to create, manipulate, and track digital assets. Whether you are building plugins for the Miro web interface or standalone applications for desktop, this skill bridges the gap between your custom logic and the Miro ecosystem. It allows for the creation of complex shapes, sticky notes, frames, and rich text content, while also providing deep hooks into user events, selection management, and viewport control. By leveraging the SDK, users can automate repetitive workflows, sync data from external systems into visual board components, and enhance team productivity through custom UI elements like panels and context menus.
Installation
To integrate this skill into your OpenClaw environment, ensure you have the necessary permissions and the ClawHub CLI installed. Execute the following command in your terminal:
clawhub install openclaw/skills/skills/bigbubbaagent-bot/miro-sdk
Once installed, verify the configuration by initializing a new project using the SDK's CLI:
npm create @mirohq/websdk-cli my-plugin
Ensure your project structure includes the required manifest.json and associated source files to comply with Miro’s security and plugin requirements.
Use Cases
- Automated Documentation: Automatically generate board diagrams from code repositories or JSON data structures.
- Workflow Visualization: Sync Jira tickets or GitHub issues as sticky notes on a board, updating them in real-time as status changes occur.
- Custom Workshop Tools: Create specialized UI panels that guide users through brainstorming sessions, auto-arranging input into organized frames.
- Dynamic Reporting: Visualize analytics data through generated charts and graphs directly on the Miro canvas.
Example Prompts
- "Miro, find all sticky notes labeled 'todo' on my current board and move them into the 'Backlog' frame."
- "Create a new process flow diagram based on the logic in my attached project requirements document."
- "Open a side panel in the Miro web app that lets me quickly insert predefined company templates into the center of my view."
Tips & Limitations
- Rate Limits: Be mindful of Miro’s API rate limits when performing bulk batch operations to avoid being throttled.
- Security: Always validate external data before rendering it onto a board to prevent injection vulnerabilities within the plugin UI.
- Authentication: Ensure your
manifest.jsoncorrectly scopes the required board permissions. Over-permissioning can lead to plugin rejection by the Miro Marketplace. - Performance: For large boards with thousands of items, prefer using batch update methods rather than individual API calls to minimize latency and improve user experience.
Metadata
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 skillPaste this into your clawhub.json to enable this plugin.
{
"plugins": {
"official-bigbubbaagent-bot-miro-sdk": {
"enabled": true,
"auto_update": true
}
}
}Tags(AI)
Flags: network-access, external-api, code-execution
Related Skills
gemini-cli
Gemini CLI tool for building, debugging & deploying with AI. Use when querying codebases, generating apps from images/PDFs, automating workflows, or performing AI-powered code tasks from the command line.
miro-api
Complete Miro REST API reference for building integrations, automating workflows, and programmatically managing boards, cards, shapes, users, and team resources. Language-agnostic documentation with examples, authentication patterns, rate limiting, webhooks, and error handling.
miro-cli
Miro CLI tool for board/team/org management via command line. Use when querying boards, exporting data, viewing teams/organizations, or automating Miro workflows from the terminal.
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.