关于 Mobbin
Mobbin 官方 MCP 服务将其产品界面参考接入 AI 工具和 MCP 客户端，供设计与开发工作使用。服务托管于 Mobbin，客户端通过 OAuth 授权连接。
主要功能
- 01连接 Mobbin 界面参考库
- 02托管式 Streamable HTTP 服务
- 03通过 OAuth 授权访问
- 04支持多种 AI 工具和 MCP 客户端
适用场景
- 01为界面设计寻找产品参考
- 02在 AI 工具中查询 Mobbin 参考内容
MCP 相关
向 MCP 客户端提供 Mobbin 服务连接；服务使用 Streamable HTTP，首次连接时通过浏览器完成 OAuth 授权。
配置
远程服务无需本地安装。选择你使用的客户端，复制配置或使用一键安装。
https://api.mobbin.com/mcpclaude mcp add --transport http mobbin https://api.mobbin.com/mcp{"mcpServers":{"mobbin":{"type":"http","url":"https://api.mobbin.com/mcp"}}}在 Cursor 中打开{"servers":{"mobbin":{"type":"http","url":"https://api.mobbin.com/mcp"}}}在 VS Code 中打开{"mcpServers":{"mobbin":{"type":"http","url":"https://api.mobbin.com/mcp"}}}{"mcpServers":{"mobbin":{"serverUrl":"https://api.mobbin.com/mcp"}}}命令在终端中运行；JSON 粘贴到对应客户端的 MCP 配置后重启。需要授权的服务会在首次连接时提示登录。
工具
3| 参数 | 类型 | 必填 | 说明 |
|---|---|---|---|
| query | string | 是 | 用通俗语言描述一个屏幕，包括你会看到的 UI 元素及其相互关系。请尽可能具体，详细描述有助于搜索。良好示例：“带生物识别身份验证的登录屏幕”、“带促销码字段和 Apple Pay 按钮的结账页面”。避免：组合多个屏幕或意图（请分别搜索）、否定描述（“没有广告”）、含糊的风格词（“现代”、“简洁”）以及互不相关的关键词列表。指定具体应用可将结果限定在该应用中（例如“Spotify 正在播放屏幕”）。请勿包含平台（ios/web）——请使用专用参数。 |
| platform | enum | 是 | 要搜索的平台ios | web |
| mode | enum | 否 | 搜索模式。“standard”以较低延迟返回结果。“deep”使用 AI 驱动的流程理解意图并为候选结果评分，保留匹配度高的结果——适合细致复杂的查询。“fast”是已弃用的“standard”别名，将在未来版本中移除——请改用“standard”。deep | standard | fast |
| exclude_screen_ids | array | 否 | 要从结果中排除的屏幕 ID |
| limit | integer | 否 | 要返回的屏幕数量上限。返回的屏幕越多，上下文用量越高。 |
| image_format | enum | 否 | 图片格式。如果你的客户端不支持 webp，请使用 jpg。webp | jpg |
详细介绍
官方 Mobbin MCP 服务
Mobbin 已作为官方插件或连接器集成到 Claude、ChatGPT、Codex、Cursor、Grok、Figma 和 Antigravity 等 AI 工具和 MCP 客户端中。快速了解请访问我们的 MCP 产品页面。
说明
Mobbin 插件在 mobbin/skills 中设置，而非此仓库。此仓库仅包含 MCP 服务配置，不包含技能。
设置
推荐设置
请参阅 Mobbin MCP 文档，查找适用于你的 AI 工具的官方 Mobbin 插件或连接器，并查看分步设置说明。如果你的 AI 工具支持插件，Mobbin 插件会将 Mobbin 技能与 MCP 服务打包在一起。如果不支持，请从 mobbin/skills 单独安装 Mobbin 技能。
使用 Streamable HTTP 手动设置（不推荐）
警告
手动设置仅连接 MCP 服务，不包含 Mobbin 技能。如果你的 AI 工具在列表中，请使用推荐设置。
Mobbin 的 MCP 服务托管于 https://api.mobbin.com/mcp，使用 Streamable HTTP 传输。无需克隆、安装或在本地运行，也无需配置 API 密钥。将其作为 Streamable HTTP 服务添加到 MCP 客户端：
{
"mcpServers": {
"mobbin": {
"url": "https://api.mobbin.com/mcp"
}
}
}
有些客户端需要明确指定传输方式。在 Cline 中，请在 url 旁添加 "type": "streamableHttp"，否则它会回退到旧版 SSE 传输，导致连接失败。
首次使用时，客户端会打开浏览器窗口，让你登录 Mobbin 并通过 OAuth 授权访问。
如需了解该服务提供的工具，请参阅 docs.mobbin.com/mcp/features。
评论
一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。