# TypeUI MCP server

> Provides design systems, UI prompts, and layout variation guidance to AI coding tools to enhance user interface generation.

- Repository: https://github.com/bergside/typeui
- Page: https://hostedmcp.org/servers/bergside/typeui
- Transport: remote
- Stars: 2251
- Latest version: 1.0.1

## Install

### Claude Code

```sh
claude mcp add --transport http typeui https://mcp.typeui.sh/mcp
```

### Cursor (`~/.cursor/mcp.json`)

```json
{
  "mcpServers": {
    "typeui": {
      "url": "https://mcp.typeui.sh/mcp"
    }
  }
}
```

### VS Code (`.vscode/mcp.json`)

```json
{
  "servers": {
    "typeui": {
      "type": "http",
      "url": "https://mcp.typeui.sh/mcp"
    }
  }
}
```

### VS Code CLI

```sh
code --add-mcp '{"name":"typeui","type":"http","url":"https://mcp.typeui.sh/mcp"}'
```

### Codex

```sh
codex mcp add typeui --url https://mcp.typeui.sh/mcp
```

### Codex config.toml (`~/.codex/config.toml`)

```toml
[mcp_servers.typeui]
url = "https://mcp.typeui.sh/mcp"
```

### Gemini CLI

```sh
gemini mcp add -s user --transport http typeui https://mcp.typeui.sh/mcp
```

### Gemini settings.json (`~/.gemini/settings.json`)

```json
{
  "mcpServers": {
    "typeui": {
      "url": "https://mcp.typeui.sh/mcp",
      "type": "http"
    }
  }
}
```

## FAQ

### How do I use TypeUI with my AI coding tool?

Connect your AI coding tool to the TypeUI MCP, then you can ask for UI in plain language while the server supplies design systems and prompts.

### Which AI providers are compatible with TypeUI?

The resources work with any AI provider that supports markdown files or general prompting.

### What formats are the design skills available in?

Design skills are available in both DESIGN.md and SKILL.md formats.