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 帳號設定中撤銷已連線的用戶端。

範例提示

  • 搜尋 Mobbin 上銀行應用程式的入門引導畫面。
  • 比較 Airbnb 與 Booking.com 如何處理結帳流程。
  • 尋找清楚說明季繳與年繳方案的行動付費牆。
  • 尋找具有複雜功能比較表格的 SaaS 定價區塊。
  • 顯示通知權限引導畫面並找出重複出現的模式。
  • 尋找協作生產力產品使用的空狀態。

設定與支援

定價與方案存取：https://mobbin.com/pricing.md

產品總覽：https://mobbin.com/index.md

完整代理程式脈絡：https://mobbin.com/llms-full.txt