关于 Designobo
Designobo 是供 AI Agent 在实时画布上创建和编辑 UI 原型的设计环境，适用于构建和评审界面的团队。它提供项目与屏幕访问，并可在浏览器中渲染屏幕以检查错误。
主要功能
- 01浏览团队项目
- 02读取和搜索屏幕
- 03创建项目和屏幕
- 04实时编辑屏幕
- 05在浏览器中渲染屏幕
适用场景
- 01设计应用的引导界面
- 02为屏幕添加定价区域
- 03检查结账屏幕
- 04检查渲染界面中的错误
MCP 相关
通过 OAuth 连接到 Designobo 的远程服务 `https://designobo.com/mcp`。Agent 可通过 MCP 访问项目和屏幕，并创建、编辑或渲染界面。
配置
远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。
服务地址
https://designobo.com/mcp一键复制安装命令
Claude CodeTerminal
claude mcp add --transport http guillemus-designobo https://designobo.com/mcpCursor.cursor/mcp.json
{"mcpServers":{"guillemus-designobo":{"type":"http","url":"https://designobo.com/mcp"}}}在 Cursor 中打开VS Code.vscode/mcp.json
{"servers":{"guillemus-designobo":{"type":"http","url":"https://designobo.com/mcp"}}}在 VS Code 中打开Claude Desktopclaude_desktop_config.json
{"mcpServers":{"guillemus-designobo":{"type":"http","url":"https://designobo.com/mcp"}}}Windsurf~/.codeium/windsurf/mcp_config.json
{"mcpServers":{"guillemus-designobo":{"serverUrl":"https://designobo.com/mcp"}}}命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
详细介绍
Designobo
让你的 AI Agent 在 Designobo 中设计和编辑 UI 原型。
你的 Agent 可以浏览团队的项目、读取和搜索屏幕、创建新项目和屏幕、编辑现有项目（你可以实时查看更改），还可以在真实浏览器中渲染屏幕以检查错误。
安装
从 Agent 的插件目录安装 Designobo。首次使用时，Agent 会打开一个浏览器窗口：登录 Designobo，并批准团队访问权限。无需配置 API 密钥。
该插件通过 OAuth 连接到位于 https://designobo.com/mcp 的远程 MCP 服务。
示例提示词
- 为习惯追踪应用创建一个 Designobo 项目，并设计其引导屏幕。
- 为我的 Designobo 项目的主屏幕添加一个定价版块。
- 读取我的 Designobo 结账屏幕，并在此代码仓库中将其构建为组件。
文档和支持
评论
支持 Markdown
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。