Design

themelab.co

Generates and manages shadcn/ui themes from brand colors or natural language prompts.

1 endpoint5 known toolsFirst detected July 23, 2026Last detected September 2, 2026

ENDPOINT 1

https://themelab.co/api/mcp

No auth detected

MCP server metadata

Name: themelab
Version: 1.0.0

Capabilities

tools.listChanged

Server instructions

Theme Lab MCP — generate, derive, audit, and export shadcn/ui themes in the OKLCH color space. Start with list_presets or generate_theme_from_prompt to get a Theme JSON, then call get_contrast_report to verify accessibility and export_theme to produce a ready-to-paste index.css or Tailwind config.

Known tools 5

list_presets

List built-in Theme Lab presets.

Inferred read-only

derive_theme_from_brand

Derive a complete shadcn/ui theme (24 tokens × light + dark) from a single brand color.

Inferred read-only

generate_theme_from_prompt

Generate a complete shadcn/ui theme from a natural-language vibe (e.g.

Inferred read-only

get_contrast_report

Compute WCAG contrast ratios for a theme.

Inferred read-only

export_theme

Convert a Theme JSON object into a ready-to-paste file.

Inferred read-only

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.themelab]
url = "https://themelab.co/api/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "themelab": {
      "type": "http",
      "url": "https://themelab.co/api/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: themelab
Remote MCP URL: https://themelab.co/api/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "themelab": {
      "url": "https://themelab.co/api/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "themelab": {
      "type": "http",
      "url": "https://themelab.co/api/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "themelab",
  "transport": "streamable-http",
  "url": "https://themelab.co/api/mcp"
}

MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

TRUST AND VERIFICATION EVIDENCE

Trust Data Available

BuiltWith Trust API v2 evidence for themelab.co was fetched 2026-07-27T10:01:57.498Z and is being refreshed.

Trust status Neutral

themelab.co is assessed as Neutral: No suspicious signals found, but no strong positive signal either

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.