miro-ai

🥈Silver

Official Miro AI developer tools and integrations. Includes MCP server configuration, Claude Code skills, and resources for building AI-powered experiences with Miro boards.

7110Updated 2d ago

Intermediate30min to implementautomation

Saves ~90 min per use

Quick InstallView Source

git clone https://github.com/miroapp/miro-ai.git

Works with:

Claude

Overview

About This Skill

Official Miro AI developer tools and integrations. Includes MCP server configuration, Claude Code skills, and resources for building AI-powered experiences with Miro boards.

Setup & Installation

Quick Install

No install command available. Check the GitHub repository for manual installation instructions.

Alternative Install (Git Clone)

git clone https://github.com/miroapp/miro-ai

Requirements

Claude Code or compatible AI agent
Works with: Claude

Quick Start Guide

Install the Skill

Copy the install command above and run it in your terminal.

Open Your AI Agent

Launch Claude Code, Cursor, or your preferred AI coding agent.

Try It Out

Use the prompt template or examples below to test the skill.

Customize

Adapt the skill to your specific use case and workflow.

Usage Examples

Prompt Template

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.

Example Output

## 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.