Mobbin MCP
來自 Mobbin 的官方 MCP 伺服器，讓 AI 代理連接到超過 60 萬個真實應用程式畫面與設計模式，確保每個生成的 UI 都基於已驗證、已推出的產品。
概覽
Mobbin MCP 是由全球最大的真實世界 UI/UX 設計靈感資料庫 Mobbin 推出的官方模型上下文協議（MCP）伺服器。它讓 AI 代理和程式碼工具能夠直接、經過驗證地取用超過 60 萬個手工篩選的畫面、13 萬個以上的使用者流程，以及來自 1,651 個以上已上線應用程式的成熟設計模式。
AI 工具不再需要猜測如何設計付費牆、引導流程或結帳體驗，而是可以直接參考頂級產品（金融科技、醫療、電子商務、社群等）是如何解決相同問題的。
主要功能
- 海量真實世界資料庫：來自知名品牌與隱藏寶石應用程式的 621,500 個以上畫面與 130,200 個以上流程，每週更新最新設計趨勢。
- 情境感知搜尋：AI 代理可以查詢特定模式（「顯示 43 個金融科技應用的付費牆」、「社群應用中的下拉重新整理動畫」、「通知權限流程」）。
- 無縫整合：原生支援 Claude Code、Cursor、Lovable、Codex 以及任何相容 MCP 的 AI 工具。
- 驗證存取：使用您現有的 Mobbin 付費帳戶，無需單獨的 API 金鑰或憑證。
- 結構化資料：直接將畫面圖片、註解、應用程式上下文和設計元資料回傳給代理。
運作方式
- 您向 AI 代理下達提示（例如：「設計一個轉換率高的 Pro 方案付費牆」）。
- 代理在幕後呼叫 Mobbin MCP。
- MCP 回傳數十個來自類似應用程式的真實成功案例。
- 代理將最佳模式綜合運用，透過精準的元件、流程和互動，融入您的程式碼庫。
不再有泛用的 AI 設計——每次輸出都始於已在實際產品中驗證有效的做法。
設定（2 分鐘）
- 擁有有效的付費 Mobbin 方案（MCP 已包含在內）。
- 在 Claude Code、Cursor 或任何支援的工具中執行：
claude mcp add mobbin --transport http https://api.mobbin.com/mcp - 在 AI 會話中執行
/mcp，並透過瀏覽器視窗登入。 - 完成——您的代理現在可以即時存取整個 Mobbin 資料庫。
使用案例
- 快速原型設計：直接從真實參考資料生成版本化的 Next.js/React 原型。
- UI 研究：詢問「Airbnb 和 Booking.com 如何處理結帳流程？」並立即獲得視覺比較。
- 微互動設計：拉取底部選單、404 頁面、空狀態或權限提示的範例。
- 競爭分析：參考類別領導者如何解決您正在解決的確切問題。
- 設計系統對齊：確保 AI 生成的程式碼符合現代、高轉換率的模式。
優勢
- 消除猜測工作和泛用的 AI 輸出。
- 大幅提升設計品質與轉換潛力。
- 每週節省數小時的手動模式研究時間。
- 讓您的 AI 工具緊跟最新的已上線 UI 趨勢。
- 獲得 Figma、Shopify、Airbnb、Uber 設計團隊的信賴，如今更擴展至 AI 驅動的開發工作流程。
適用對象
- 使用 Claude/Cursor/Lovable 建構使用者介面的開發者。
- 希望 AI 的輸出能基於實際設計的產品團隊。
- 需要與 AI 編碼代理協作的設計師。
- 任何厭倦看似合理但實際上無法提升轉換率的 AI 生成介面的人。
Mobbin MCP 能將你的 AI 編碼代理，轉變為具備設計敏銳度、能根據現有成功案例進行建構的協作者。
Tags
Related Entries
Keep exploring similar tools and resources in this category.
viewmax mcp
MCP ServersViewMax MCP is a hosted Streamable HTTP MCP server for generating AI video, images, music, speech, and sound effects, with tools for model discovery, task polling, and credit checks. Official setup is documented for Claude Web/Desktop, Claude Code, Cursor, Codex, and SDK clients.
Agent Reach
MCP ServersAgent Reach is an open-source CLI and Agent Skill that installs, routes, and health-checks upstream tools for web, social, GitHub, video transcript, RSS, and search access. It is not documented as a standalone MCP server; some channels use MCP-backed upstream tools such as mcporter/Exa, xiaohongshu-mcp, and linkedin-scraper-mcp.
Related Reads
Background, tutorials, and protocol context connected to this entry.
