Mobbin — Claude Code MCP server: what it does, how to install
Searches real UI and UX patterns from mobile and web apps via Mobbin. It pulls interface references directly into your coding assistant.
claude mcp add --transport http mobbin https://api.mobbin.com/mcpWhat Mobbin does
The server connects your MCP client with Mobbin's collection of design patterns and screen layouts. You can inspect existing mobile and web interfaces directly during prompt sessions without leaving your editor. There is no code to download and no manual API token to create, as everything runs remotely at https://api.mobbin.com/mcp.
Communication relies on Streamable HTTP transport. A browser tab opens on initial request so you can authenticate your Mobbin account with OAuth. In Cline, declare "type": "streamableHttp" alongside the URL; missing it forces fallback to legacy SSE and halts the connection.
What it helps with
- find onboarding flow references for a mobile application
- review user profile layout patterns from live web apps
- gather checkout UX design examples without browsing the site
- inspect navigation structures across real-world digital products
Example prompts for the agent
- Find subscription paywall examples for iOS apps via Mobbin
- Show account settings UI patterns from web apps using Mobbin
- Search Mobbin for checkout step designs in mobile ecommerce
How to install Mobbin
Platform CLI: remote server
claude mcp add --transport http mobbin https://api.mobbin.com/mcpPlatform CLI: remote server
codex mcp add mobbin --url https://api.mobbin.com/mcpConfig file
{
"mcpServers": {
"mobbin": {
"url": "https://api.mobbin.com/mcp"
}
}
}Config file
{
"servers": {
"mobbin": {
"type": "http",
"url": "https://api.mobbin.com/mcp"
}
}
}Platform CLI: remote server
gemini mcp add -t http mobbin https://api.mobbin.com/mcpStep by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Mobbin
How do I install Mobbin in Claude Code?
Run claude mcp add --transport http mobbin https://api.mobbin.com/mcp. The client opens a browser window on first run to authorize access via OAuth.
What does the Mobbin MCP server do?
It queries Mobbin to retrieve real-world UI and UX reference screens for mobile and web apps inside your editor.
Do I need an API key for Mobbin?
No API key is required. Authentication happens via OAuth in your browser when you first invoke the server.
