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