Mobbin

官方

Mobbin是移动应用、网页应用和网站UI与UX设计参考的行业标准。该平台服务于全球数百万产品构建者和设计师，帮助他们设计更好的数字体验。将Mobbin与您的AI代理连接，以更好地研究和探索UI与UX设计思路。

访问 mobbin.com试用此 MCP赞助

你可以用 Mobbin MCP 做什么？

  • 搜索UI界面 — 通过 search_screens 请求特定的移动端或网页端界面模式，如登录、付费墙、空状态或表单。
  • 探索多步骤流程 — 使用 search_flows 查找有序的用户旅程，如引导流程、结账或取消流程。
  • 查找网站区块 — 使用 search_sections 定位页面组成参考，如英雄区、定价表或页脚。
  • 对比产品设计 — 请求来自特定应用的并排示例，例如 Airbnb 和 Booking.com 的结账流程。
  • 处理速率限制 — 当遇到 HTTP 429 时，等待 Retry-After 标头中指定的时长后再重试。

托管 MCP 服务器

npx add-mcp 'https://api.mobbin.com/mcp'

可安装到 Claude Code、Codex、Cursor 等客户端

文档

Mobbin MCP

Mobbin MCP 让兼容的 AI 助手和编码代理能够使用自然语言搜索已发布数字产品中的真实屏幕、多步骤流程和网站区块。结果可包含屏幕图像、应用名称、流程上下文以及指向相应 Mobbin 页面的链接。

访问方式

  • 端点：https://api.mobbin.com/mcp
  • 传输方式：Streamable HTTP。
  • 授权：通过用户的 Mobbin 账户进行 OAuth 认证。
  • 套餐：Pro、Team 和 Enterprise。
  • 速率限制：每个用户每 60 秒 60 次请求。
  • 交互式画廊：支持在兼容 MCP Apps 的客户端中使用，包括 ChatGPT、Claude Desktop 和 Web，以及 Codex App。

首次连接时，MCP 客户端会打开浏览器窗口，让用户登录 Mobbin 并授权访问。MCP 无需手动复制 API 密钥。

当前发布的 MCP 工具集为只读：它检索设计参考，不会创建、修改或删除 Mobbin 账户内容。

工具

search_screens

搜索单个移动端和网页 UI 屏幕。适用于特定状态或模式，如登录屏幕、付费墙、空状态、对话框、表单或导航处理。

search_flows

搜索有序的多步骤用户流程。适用于顺序和上下文重要的场景，如引导流程、结账、账户设置、身份验证、订阅或取消。

search_sections

搜索网站区块。适用于页面构成参考，如首屏、定价区块、客户评价、导航和页脚。

结果包含的内容

根据搜索和客户端的不同，结果可包含屏幕图像、产品名称、流程或区块上下文，以及指向 Mobbin 的链接。支持 MCP Apps 的 MCP 客户端可以将结果渲染为交互式画廊。

代理应保留重要参考的产品名称和 Mobbin URL，以便用户查看来源。

推荐工作流程

  1. 确定平台、产品类别、用户目标和设计问题。
  2. 选择屏幕、流程或网站区块搜索。
  3. 查看多个相关产品，而不是依赖单一示例。
  4. 为每个重要参考保留产品名称和 Mobbin URL。
  5. 将可见观察与解读和建议分开。
  6. 根据用户的品牌、受众、设计系统、无障碍需求和产品约束调整发现。

证据局限性

  • Mobbin 示例表明某产品使用了某种设计；它不能证明该设计提升了转化率或其他指标。
  • 反复出现的模式是一种惯例，不自动等同于最佳实践。
  • 当时效性重要时，请检查捕获元数据。
  • 不要逐字复制受保护的设计、品牌、文本或素材。
  • 独立评估无障碍性。

错误与恢复

  • 授权失败：重新连接 Mobbin 并完成 OAuth 登录流程。
  • HTTP 429 Too Many Requests：等待 Retry-After 标头中的时长后再重试。
  • 结果缺失或较弱：通过指定平台、产品类别、用户目标、模式或流程来使请求更具体。
  • 结果过于狭窄：移除不必要的约束，或分别搜索屏幕、流程和区块。
  • 移除访问权限：在 Mobbin 账户设置中撤销已连接的客户端。

示例提示

  • 搜索银行应用中的引导屏幕。
  • 比较 Airbnb 和 Booking.com 如何处理结账流程。
  • 查找清晰说明季度和年度计费的移动付费墙。
  • 查找具有复杂功能对比表的 SaaS 定价区块。
  • 显示通知权限引导屏幕并识别反复出现的模式。
  • 查找协作生产力产品使用的空状态。

设置与支持

定价和套餐访问：https://mobbin.com/pricing.md

产品概览：https://mobbin.com/index.md

完整代理上下文：https://mobbin.com/llms-full.txt