# Uizze MCP server

> Search full-screen web and iOS UI references and design materials such as fonts and icons for coding agents.

- Listing: https://mcp.tc/i/uizze
- Connect: use the server's own URL `https://uizze.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: Uizze
- Homepage: <https://uizze.com>
- Repository: <https://github.com/uizze/uizze>

## About

Uizze gives coding agents such as Codex, Claude Code, Cursor and GitHub Copilot access to a library of more than 800,000 real web and iOS screens. The agent can look up how real products handle a specific design problem, such as a permissions screen or an invoice table, and then build the interface in your own product's style. It can also find hosted fonts, icons and animated icons.

The server is hosted at https://uizze.com/mcp and uses streamable HTTP with OAuth sign-in. The README describes the MCP reference search as a paid feature that uses an agent token created in a Uizze account. The free skills and the GitHub pull request check in the same repository work without an account.

## What it can do

- Find up to three full-screen UI references per search
- Search a library of web and iOS screens
- Find hosted fonts, icons and animated icons
- Look up design patterns before building a screen

## Example prompts

- "Find references for a team permissions screen with inherited roles."
- "Show me iOS onboarding screens for a finance app."
- "Find icons and a font that suit a developer dashboard."
- "Look up billing settings page references, then redesign ours using our components."

## Install

### Claude Code

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

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

2. Start Claude Code, type `/mcp`, pick **uizze** and choose **Authenticate**. A browser window opens for the Uizze 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 **Uizze** and paste this URL:

```url
https://uizze.com/mcp
```

3. Click **Add**, then **Connect**, and sign in when Uizze 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=Uizze&connectorUrl=https%3A%2F%2Fuizze.com%2Fmcp>) (opens connector settings)

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

3. Click **Connect** and sign in when Uizze 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://uizze.com/mcp` as the server URL and choose **OAuth**. ChatGPT sends you to Uizze 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=uizze&config=eyJ1cmwiOiJodHRwczovL3VpenplLmNvbS9tY3AifQ%3D%3D>) (opens Cursor)

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

`mcp.json`:

```json
{
  "mcpServers": {
    "uizze": {
      "url": "https://uizze.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=uizze&config=%7B%22type%22%3A%22http%22%2C%22url%22%3A%22https%3A%2F%2Fuizze.com%2Fmcp%22%7D>) (opens VS Code)

Or from a terminal:

```bash
code --add-mcp '{"name":"uizze","type":"http","url":"https://uizze.com/mcp"}'
```

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

`.vscode/mcp.json`:

```json
{
  "servers": {
    "uizze": {
      "type": "http",
      "url": "https://uizze.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": {
    "uizze": {
      "serverUrl": "https://uizze.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 uizze --url https://uizze.com/mcp
codex mcp login uizze
```

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

`config.toml`:

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

### Gemini CLI

```bash
gemini mcp add --transport http uizze https://uizze.com/mcp
```

Then, inside Gemini CLI, run `/mcp auth uizze` 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": {
    "uizze": {
      "type": "http",
      "url": "https://uizze.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://uizze.com/mcp`.

## Details

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

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