Mobbin MCP 连接器

把 Mobbin 上经过验证的设计,做成完整的 App、幻灯片和设计评审

连接 Mobbin 后,Manus 会从已上线的 App 中找到真实的界面、流程和网页区块,然后在同一个任务里做出你要的 App、幻灯片或设计评审。

习惯打卡 App · 引导页和付费墙

引导页

注册

付费墙

管理套餐

退订原因

确认退订

购物车

结账

下单成功

已从 Mobbin 选中 3 个界面

今天

每日习惯

2/3
喝水
读 10 页书
晚间散步

由 Manus 在同一个任务中完成

Mobbin MCP 能帮你搜什么

Mobbin 收录了已上线 App 的真实界面、流程和网页区块。连接后,Manus 会用日常语言搜索它,并为每条结果保留 App 名称和链接。

界面

单个状态或模式,例如登录界面、付费墙、空状态或表单。

流程

顺序很重要的多步骤流程,例如引导、结账、身份验证或退订。

网页区块

网页的组成部分,例如首屏、价格区块、用户评价、导航和页脚。

Mobbin AI 用法:做 App、幻灯片和设计评审

每个场景都从 Mobbin 上的真实参考出发,最后交付能打开、能演示或能直接交给团队的成果。

把移动 App 设计示例做成能在 Expo Go 中打开的 App

不必从一张白纸开始:Manus 会参考 Mobbin 上同类 App 的引导页示例和界面示例,再基于这些 UI 参考来搭建。在 Manus 中发布成果后,用手机上的 Expo Go 打开。

对比 10 款 App 的引导、结账和付费墙流程

做 UX 基准对比时,Manus 先在 Mobbin 上选出某个品类排名前十的 App,再用 Wide Research 同时研究每个流程。你会得到一份每个 App、每个流程各占一行的表格,以及一个按模式归类引导流程示例、注册流程示例和付费墙示例的网站。

把 KYC 开户引导调研做成汇报幻灯片

向产品或合规团队展示知名金融科技 App 怎样设计 KYC 流程。Manus 会在每张截图上标出所用模式、优点和取舍,然后把幻灯片导出为 PowerPoint、PDF 或 Google Slides。

让 AI 对你的 Figma 设计稿做设计评审

把它当作 AI UX 审查:Manus 从 Mobbin 拉取真实的价格区块,与你的设计稿对比,写出一份设计评审,说明哪些保留、哪些要改。再追问一句,它还能在截图上逐条标出修改点,就像一份可以直接交给团队的 UI 审查。

为落地页的每个区块收集 UI 模式

像搜索移动端 UI 模式一样搜索网页区块:来自真实网站的首屏、价格、用户评价和页脚。Manus 再用这些 UI 设计示例,把你的落地页做成可用的网站。

三步连接 Mobbin

  1. 1

    打开连接器并选择 Mobbin

    在 Manus 中打开“连接器”选项卡,选择 Mobbin,然后点击“连接”。

    Mobbin连接
  2. 2

    用付费套餐登录

    登录 Mobbin 并授权访问。你需要付费的 Mobbin 套餐,例如 Pro 或 Team。

    只读授权
  3. 3

    直接说要做成什么

    说明要看哪些界面、流程或网页区块,以及要用它们做成什么,例如 App、幻灯片或设计评审。

    在 Mobbin 上找付费墙…

每条参考都能核对,访问权限由你掌控

参考只读
  • 语言学习 App

    引导页 · 7 个界面

  • 冥想 App

    付费墙 · 1 个界面

  • 生鲜配送 App

    结账 · 5 个界面

  • 只读访问

    Manus 可以读取界面、流程和网页区块,但不能编辑、删除或管理你保存的收藏集。

  • 每条参考都附链接

    结果会保留 App 名称和对应的 Mobbin 页面,你和团队都能打开来源核对。

  • 随时撤销

    随时可以在 Manus 的“连接器”中移除 Mobbin。

继续用 Manus 构建

常见问题解答

Mobbin 是什么?

Mobbin 是一个可搜索的资料库,收录真实的移动 App、网页应用和网站,包含来自已上线产品的 600,000 多个界面。你可以查找单个界面、引导和结账等完整流程、付费墙和空状态等 UI 模式,以及首屏和价格等网页区块。

Mobbin MCP 连接器在 Manus 里能做什么?

它让 Manus 能用日常语言在 Mobbin 中搜索单个界面、多步骤用户流程和网页区块。Manus 会读取结果,包括界面截图、App 名称和对应的 Mobbin 页面链接,然后在同一个任务里用它们做出你要的东西。

需要付费的 Mobbin 套餐吗?

需要。将 Mobbin 连接到 Manus 需要付费的 Mobbin 套餐,例如 Pro 或 Team。Mobbin 的 Pro、Team 和 Enterprise 套餐都提供 MCP 访问。

Manus 能改动我的 Mobbin 账户吗?

不能。这个连接是只读的。Manus 可以读取界面、流程和网页区块,但不能编辑、删除或管理你保存的收藏集。你也可以随时在 Manus 的“连接器”中撤销访问权限。

Mobbin 的结果能做成什么?

你让 Manus 做什么都可以。例如能在手机上用 Expo Go 打开的移动 App、可导出为 PowerPoint、PDF 或 Google Slides 的汇报幻灯片、对比竞品的表格和网站,或者对你的 Figma 设计稿做的带标注评审。

Manus 能对比多家竞品的引导流程吗?

能。指定一组 App,例如某个品类的前十名。Manus 会用 Wide Research 同时研究它们的引导、结账和付费墙流程,然后给你一份每个 App、每个流程各占一行的表格,以及一个按模式归类这些 App、并标明每种模式出现次数的网站。

Mobbin 上反复出现的模式就一定有效吗?

不能。一个示例只说明某个产品上线过这种设计,并不能证明它提升了转化率或其他指标。把反复出现的模式当作惯例来参考,按自己的品牌和用户调整,并自行检查无障碍体验。

从已经上线的界面开始

打开 Manus