# Mobbin MCP server

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

- Listing: https://mcp.tc/i/mobbin
- Connect: use the server's own URL `https://api.mobbin.com/mcp` (OAuth sign-in at the server); clients connect to it directly. The listing link is a page, not an MCP endpoint.
- Type: remote (Streamable HTTP)
- Auth: OAuth sign-in
- Category: [Design, Websites & CMS](https://mcp.tc/c/design)
- Vendor: Mobbin
- Homepage: <https://mobbin.com/>
- Repository: <https://github.com/mobbin/mobbin-mcp-server>

## 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 it 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

## 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"

## Install

### Claude Code

1. Run this in a terminal, in your project folder:

```bash
claude mcp add --transport http mobbin https://api.mobbin.com/mcp
```

2. 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:

```url
https://api.mobbin.com/mcp
```

3. 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:

[Add to claude.ai](<https://claude.ai/customize/connectors?modal=add-custom-connector&connectorName=Mobbin&connectorUrl=https%3A%2F%2Fapi.mobbin.com%2Fmcp>) (opens connector settings)

2. Check that the URL reads `https://api.mobbin.com/mcp` and click **Add**.

3. 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

[Add to Cursor](<https://cursor.com/install-mcp?name=mobbin&config=eyJ1cmwiOiJodHRwczovL2FwaS5tb2JiaW4uY29tL21jcCJ9>) (opens Cursor)

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

`mcp.json`:

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

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

### VS Code

[Install in VS Code](<https://vscode.dev/redirect/mcp/install?name=mobbin&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fapi.mobbin.com%2Fmcp%22%7D>) (opens VS Code)

Or from a terminal:

```bash
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`:

```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`:

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

2. 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

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

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

`config.toml`:

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

### Gemini CLI

```bash
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.

```json
{
  "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`.

## Details

- Server version: 1.0.1
- Last checked: 2026-10-03 (reachable, asks for credentials)
- Listed: 2026-10-03
- Updated: 2026-10-03

---
Source: https://mcp.tc/i/mobbin (mcp.tc is an independent directory, not affiliated with this server's publisher). Corrections: https://mcp.tc/report