Mobbin

MCP server by Mobbin

Search real-world UI and UX design references for mobile apps, web apps and websites from Mobbin's screenshot library.

OAuth sign-in (You sign in with the vendor the first time you connect)Streamable HTTP

Connect to Mobbin

Mobbin needs sign-in. Connect with its own URL:

https://api.mobbin.com/mcp

Your client opens Mobbin’s sign-in the first time you use it. The token stays between your client and Mobbin.

Share this server

Opens this page, with the URL and setup steps.

mcp.tc/i/mobbin

About

Mobbin connects your assistant to its library of searchable mobile and web app screens and flows. Use it to find real-world UI and UX examples as design reference while you build or review a product.

It is a hosted remote server using Streamable HTTP at https://api.mobbin.com/mcp. Nothing is installed locally and no API key is needed. On first use, your client opens a browser window so you can sign in to Mobbin and authorize access through OAuth.

What you can do

  • Search real-world UI and UX design references
  • Browse mobile app, web app and website screens
  • Look up app flows for design reference

Tools

Mobbin lists its tools only after you sign in, so we can’t show them here. Your client lists them once you’re connected.

Example prompts

  • Find onboarding screens from popular fintech mobile apps

  • Show me real examples of pricing page designs for SaaS websites

  • Search Mobbin for checkout flows in e-commerce apps

  • Find settings screen examples to inspire my app redesign

Set up

Every client connects to api.mobbin.com, and Mobbin asks you to sign in the first time. Pick yours; the page remembers your choice.

Claude Code

  1. Run this in a terminal, in your project folder:
claude mcp add --transport http mobbin https://api.mobbin.com/mcp
  1. Start Claude Code, type /mcp, pick mobbin and choose Authenticate. A browser window opens for the Mobbin sign-in.

Add --scope user to make it available in every project, not just this one.

Claude Desktop

  1. Open Settings → Connectors and click Add custom connector.
  2. Name it Mobbin and paste this URL:
https://api.mobbin.com/mcp
  1. Click Add, then Connect, and sign in when Mobbin asks.

Claude Desktop’s JSON config file only starts local servers. Remote servers go through Connectors, and connectors you add on claude.ai show up here too.

claude.ai

  1. Open the connector form on claude.ai. This button fills in the name and URL for you:
  1. Check that the URL reads https://api.mobbin.com/mcp and click Add.
  2. Click Connect and sign in when Mobbin asks.

Free plans allow one custom connector. On Team and Enterprise plans an owner adds it under Organization settings → Connectors.

ChatGPT

  1. On chatgpt.com, open Settings → Security and login and turn on Developer mode.
  2. Go to chatgpt.com/plugins and click + to create an app for a remote MCP server.
  3. Paste https://api.mobbin.com/mcp as the server URL and choose OAuth. ChatGPT sends you to Mobbin to sign in.

Developer mode is available on the web for Plus, Pro, Business, Enterprise and Education accounts.

Cursor

Or add it by hand to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project):

mcp.json
{
  "mcpServers": {
    "mobbin": {
      "url": "https://api.mobbin.com/mcp"
    }
  }
}

Cursor shows Needs login next to the server. Click it to sign in.

VS Code

Or from a terminal:

code --add-mcp '{"name":"mobbin","type":"http","url":"https://api.mobbin.com/mcp"}'

Or commit it to the repo in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "mobbin": {
      "type": "http",
      "url": "https://api.mobbin.com/mcp"
    }
  }
}

VS Code asks you to sign in the first time the server starts.

Devin Desktop

  1. Add it to ~/.config/devin/mcp_config.json (macOS and Linux) or %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "mobbin": {
      "serverUrl": "https://api.mobbin.com/mcp"
    }
  }
}
  1. Refresh the MCP server list in Cascade and sign in when asked.

Devin Desktop is the new name for Windsurf. It reads serverUrl (or url) for remote servers.

Codex

codex mcp add mobbin --url https://api.mobbin.com/mcp
codex mcp login mobbin

Or edit ~/.codex/config.toml directly:

config.toml
[mcp_servers.mobbin]
url = "https://api.mobbin.com/mcp"

Gemini CLI

gemini mcp add --transport http mobbin https://api.mobbin.com/mcp

Then, inside Gemini CLI, run /mcp auth mobbin to sign in.

This adds it to the current project. Add -s user to use it everywhere.

Any client

Most clients accept this shape. Some name the URL field differently: serverUrl in Devin Desktop, httpUrl in Gemini CLI’s settings file.

{
  "mcpServers": {
    "mobbin": {
      "type": "http",
      "url": "https://api.mobbin.com/mcp"
    }
  }
}

Zed puts servers under context_servers in its settings. Cline needs "type": "streamableHttp", or it assumes SSE.

Client only starts local servers? Bridge it with npx -y mcp-remote https://api.mobbin.com/mcp.

FAQ

Can I paste mcp.tc/i/mobbin into my MCP client?

No. mcp.tc links are pages, not server addresses. Connect with https://api.mobbin.com/mcp, so your client talks to Mobbin directly. The sign-in token only works there anyway. The quick link is for sharing: it opens this page, with setup steps for every client.

Does Mobbin need an API key or a sign-in?

Yes, you need a Mobbin account. The first time your client connects, it opens Mobbin’s sign-in page. The token goes straight to the server’s own URL, never through mcp.tc.

Is Mobbin a remote or a local server?

Remote. Mobbin hosts it at https://api.mobbin.com/mcp, and it speaks Streamable HTTP. There’s nothing to install.

What can Mobbin do?

You can search real-world UI and UX design references, browse mobile app, web app and website screens and look up app flows for design reference.

Which clients can use it?

Any client that supports remote MCP servers: Claude Code, Claude Desktop, claude.ai, ChatGPT in developer mode, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed and others. The setup steps cover each one.

Who wrote this page?

mcp.tc’s robot read Mobbin’s own metadata (its MCP handshake, tool list and public pages), and an AI model drafted the text from it. A person reviews anything the checks can’t confirm. The text can still be wrong, so if you spot a mistake, use Report this listing on this page.

Embed

Show Mobbin in a README or on your site. Each embed links to this page, uses the server’s own URL, and sets no cookies. How embeds work

README badge

Badge preview, lightBadge preview, dark
Markdown
[![Mobbin on mcp.tc](https://mcp.tc/i/mobbin/badge.svg)](https://mcp.tc/i/mobbin)
HTML
<a href="https://mcp.tc/i/mobbin"><img src="https://mcp.tc/i/mobbin/badge.svg" alt="Mobbin on mcp.tc" height="20"></a>

It follows the reader’s light or dark mode. Add ?theme=light or ?theme=dark to fix it, or ?style=compact to show the mark without the word.

Website card

HTML
<script src="https://mcp.tc/w/mobbin.js" async></script>

The card appears where the tag is. Add data-theme="dark" or data-size="compact" to the tag to change it. The file holds everything it needs, so it makes no other requests and sets no cookies.

iframe

HTML
<iframe src="https://mcp.tc/embed/mobbin" title="Mobbin on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Use it on pages that don’t allow scripts. Add ?theme=light or ?theme=dark to the address to fix the colors.

JSON

The listing as data for your own pages and tools: name, tagline, the server’s own URL, tools and the “Add to” links. Any site can read it (CORS is open).

https://mcp.tc/i/mobbin.json

What each field means

mcp.tc isn’t affiliated with Mobbin. This page was built from Mobbin’s public metadata, last checked on 3 Oct 2026, and an AI model wrote the description, so it can be wrong. Names and marks belong to their owners. Something off? Report this listing.