Miro AI开发工具

将AI编码助手连接到Miro板。创建图表,提取上下文,从设计中生成代码,并跟踪任务——所有这些都是通过自然对话完成的。
______________________________________________________________________
分享您的反馈.
______________________________________________________________________
这个存储库中有什么?
此仓库提供了将AI工具连接到Miro所需的一切:
| 组件 | 它做什么 |
|---|---|
| Miro MCP服务器 | API允许AI代理访问您的Miro板 |
| 插件和扩展 | 流行AI工具的预构建集成 |
| 文档 | 使用和开发集成的指南 |
支持的AI工具
| AI工具 | 集成 |
|---|---|
| 克劳德代码 | 插件 |
| Gemini CLI | 扩展 |
| 法典 | 本地插件 |
| 基罗 | 电源 |
| 代理技能 | 技能 |
| 光标、VSCode、风帆等。 | MCP配置 |
______________________________________________________________________
快速开始
第一步:选择你的AI工具
在下面选择您的AI工具,并按照安装步骤进行操作。
步骤2:安装
Claude Code (Recommended)
/plugin marketplace add miroapp/miro-ai
/plugin install miro@miro-ai这 miro 插件将所有技能(浏览、代码审查、代码规范、图表、文档、表格)和Miro MCP服务器捆绑在一起。
重新启动Claude代码 安装后。如果您之前手动配置了Miro MCP, 删除重复项 为了避免冲突,插件已经为您管理了MCP连接。
看 Claude代码插件 获取完整文档。
Gemini CLI
gemini extensions install https://github.com/miroapp/miro-aiGemini CLI将repo安装为扩展,从以下位置注册Miro MCP服务器 gemini-extension.json,并自动从中发现6个捆绑技能 skills/。重新启动Gemini CLI并在提示时进行身份验证。
看 Gemini CLI扩展 | 官方文件
Kiro
- 打开 权力 基洛的面板
- 点击 从GitHub添加电源
- 输入:
miroapp/miro-ai并选择powers/code-gen
有关本地发展,请参阅 贡献.md.
Agent Skills (agentskills.io)
跨AI编码工具(Claude Code、Cursor、VS Code+Copilot、Codex等)的可移植知识技能。
npx skills add miroapp/miro-ai # Interactive install
npx skills add miroapp/miro-ai --list # List available skills
npx skills add miroapp/miro-ai --skill=miro-browse # Install specific skill可用技能: 米罗·罗斯, miro代码审查, miro代码规范, 米罗图, 米罗医生, 米罗桌
Other MCP Clients (Cursor, VSCode + Copilot, Windsurf, Lovable, Replit, etc.)
添加到MCP客户端配置文件中:
{
"mcpServers": {
"miro": {
"url": "https://mcp.miro.com/"
}
}
}注: 如果稍后Miro插件或扩展可供您的客户端使用, 切换到它并删除手动条目以避免重复服务器。
看 MCP设置指南 用于客户端特定的路径。
步骤3:身份验证
当您第一次使用Miro命令时,系统会提示您进行身份验证:
- 使用Miro OAuth打开浏览器窗口
- 登录您的Miro帐户
- 授予访问所请求的板的权限
- 回到你的人工智能工具——你已经连接好了!
第四步:试试看
使用以下示例提示测试您的设置:
"What's on my Miro board https://miro.com/app/board/...""Create a flowchart on Miro showing a user login flow""Summarize the architecture diagram on my Miro board"开发者模式
想修改插件、在本地测试更改或构建自己的插件吗?看 贡献.md 获取开发设置说明。
Codex插件在本地生成到 codex-plugins/*/ 回购市场位于 .agents/plugins/marketplace.json。参见 Codex插件 对于生成的结构和 贡献.md 用于再生和局部测试。
避免重复服务器
如果您的客户端有Miro插件或扩展,请使用 仅 也不要添加 https://mcp.miro.com/ 手动。每种安装方法都会创建一个具有自己的OAuth会话的独立MCP连接,运行多个连接会导致重复的工具和身份验证混淆。
看 重复的MCP服务器 Miro开发人员文档中的诊断和清理步骤指南。
______________________________________________________________________
企业用户
需要管理员批准:如果您的组织采用Miro Enterprise计划,则管理员必须启用MCP服务器才能连接。 看 企业指南 有关设置说明。
______________________________________________________________________
你能做什么?
技能(克劳德代码)
当你自然地描述你想要什么时,技能会自动激活。无需斜线命令,只需包含Miro板URL即可。
| 技能 | 触发器打开 |
|---|---|
miro-browse | “列出……上的框架”,“这个板上有什么……” |
miro-code-review | “审查PR 123…”,“视觉审查此分支…” |
miro-code-spec | “从…中提取规格”,“在…中提取设计文档” |
miro-diagram | “在…上创建流程图”,“向…添加序列图” |
miro-doc | “在…中添加一个markdown文档”,“在…上编写一个冲刺计划” |
miro-table | “在…上创建任务跟踪表”,“将这些行同步到…” |
功能(所有平台)
| 能力 | 描述 |
|---|---|
| 生成图表 | 根据代码或描述创建流程图、序列图、ERD |
| 生成代码 | 将电路板设计和线框转换为工作代码 |
| 跟踪任务 | 在AI对话和Miro表之间同步任务 |
| 提取上下文 | 阅读公告板内容以通知AI工作流程 |
______________________________________________________________________
可用插件
克劳德代码
| 插件 | 描述 |
|---|---|
| 米罗 | 核心MCP集成,包含6项捆绑技能(浏览、代码审查、代码规范、图表、文档、表格) |
Gemini CLI
| 扩展 | 描述 |
|---|---|
| miro | 核心MCP集成与捆绑技能 |
法典
| 插件 | 描述 |
|---|---|
| miro | 核心MCP与本地集成 $miro: 激活和MCP访问 |
代理技能
| 技能 | 描述 |
|---|---|
| miro浏览 | 列出、筛选、总结miro板上的项目 |
| miro代码审查 | 从PR、本地更改或分支比较中进行可视化代码审查 |
| miro代码规范 | 提取miro规范(文档、图表、原型、表格、图像) .miro/specs/ |
| miro图 | 从文本或Mermaid创建图表(流程图、思维导图、UML、ER) |
| miro-doc | 在miro板上创建和编辑标记文档 |
| miro-table | 在miro板上创建、填充和同步结构化表 |
基罗
| 功率 | 描述 |
|---|---|
| 代码生成器 | 从设计到编码的工作流程 |
______________________________________________________________________
安全
- OAuth 2.1 安全授权
- 企业合规性 标准
- 基于权限的 通过您的Miro帐户访问
- 速率受限 API保护
______________________________________________________________________
文档
入门指南
平台指南
参考
发展
外部
______________________________________________________________________
支持的MCP客户端
Claude Code、Cursor、VSCode+GitHub Copilot、Gemini CLI、Lovable、Replit、Windsurf、Kiro、Glean、Devin、OpenAI Codex
______________________________________________________________________
反馈与支持
______________________________________________________________________
许可证
麻省理工学院——见 许可证
______________________________________________________________________
用爱建造 米罗
