# designer-skill MCP server

> Provides UI design intelligence, intent routing, and static design rule verification for AI agents.

- Repository: https://github.com/PyModel/designer-skill
- Page: https://hostedmcp.org/servers/pymodel/designer-skill
- Transport: stdio
- Stars: 52
- License: MIT
- Latest version: 0.27.0

## Install

### Claude Code

```sh
claude mcp add designer-skill -- npx -y @pymodel/designer-skill-mcp
```

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

```json
{
  "mcpServers": {
    "designer-skill": {
      "command": "npx",
      "args": [
        "-y",
        "@pymodel/designer-skill-mcp"
      ]
    }
  }
}
```

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

```json
{
  "servers": {
    "designer-skill": {
      "type": "stdio",
      "command": "npx",
      "args": [
        "-y",
        "@pymodel/designer-skill-mcp"
      ]
    }
  }
}
```

### VS Code CLI

```sh
code --add-mcp '{"name":"designer-skill","type":"stdio","command":"npx","args":["-y","@pymodel/designer-skill-mcp"]}'
```

### Claude Desktop (`claude_desktop_config.json`)

```json
{
  "mcpServers": {
    "designer-skill": {
      "command": "npx",
      "args": [
        "-y",
        "@pymodel/designer-skill-mcp"
      ]
    }
  }
}
```

### Codex

```sh
codex mcp add designer-skill -- npx -y @pymodel/designer-skill-mcp
```

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

```toml
[mcp_servers.designer-skill]
command = "npx"
args = ["-y", "@pymodel/designer-skill-mcp"]
```

### Gemini CLI

```sh
gemini mcp add -s user designer-skill npx -- -y @pymodel/designer-skill-mcp
```

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

```json
{
  "mcpServers": {
    "designer-skill": {
      "command": "npx",
      "args": [
        "-y",
        "@pymodel/designer-skill-mcp"
      ]
    }
  }
}
```

## Environment variables

| Name | Required | Secret | Description |
|---|---|---|---|
| `DESIGNER_SKILL_HTTP_TOKEN` | no | no |  |

## Tools (15)

- `get_preflight_brief`
- `load_project_context`
- `get_design_system`
- `get_reference`
- `anti_slop_checklist`
- `list_commands`
- `get_command`
- `dispatch_intent`
- `commit_design_direction`
- `get_palette_seed`
- `detect_antipatterns`
- `review_and_gate`
- `find_ui_references`
- `get_design_reference`
- `find_ui_materials`

## FAQ

### Does this server require an API key?

No, the designer core is keyless and does not require an API key for operation.

### What tools are exposed by the designer-skill server?

The server exposes three primary tools: get_preflight_brief, dispatch_intent, and review_and_gate.