CSS Crème MCP MCP server

An official MCP server that provides coding agents with access to a library of real design systems, including tokens, measured WCAG contrast rules, and installation commands. It allows agents to search themes, pull DESIGN.md files, and decode live websites to ensure consistent, system-based UI generation without requiring an account or API key.

Endpoint and access

No sign-in: your client connects and lists tools immediately, with no account or key.

No sign-inEndpoint checked 2026-10-05Operated by CSS Crème

MCP endpoint (Streamable HTTP)

https://csscreme.com/mcp

Vendor documentation

What you can do with it

Search for matching design systems based on project descriptions
Pull full DESIGN.md files with tokens and usage rules
Decode live website CSS to extract design tokens and spacing
Get installation commands for shadcn themes and agent rules

Tools advertised by the last live check:

search_themes
list_themes
get_design_md
get_theme_tokens
how_to_use
get_install_command
get_agent_rules
decode_url
css_feature
get_design_md_for_url
decode_site
verify_design_md

Connect from your client

Each snippet registers the same endpoint; pick the client you use.

This server is operated by the named third party. Listing and endpoint checks are not an endorsement or a security audit. Review the operator's permissions, terms, and data handling before connecting. How listings are checked and corrected.

Claude Code

Run this once in a terminal. It registers a Streamable HTTP server. Use --scope project to write .mcp.json for the repo.

Claude Code configuration

claude mcp add --transport http css-cre-me-mcp https://csscreme.com/mcp

Codex

Run this once. Codex stores MCP servers in ~/.codex/config.toml (or .codex/config.toml in a trusted project).

Codex configuration

codex mcp add css-cre-me-mcp --url https://csscreme.com/mcp

Cursor

Merge this server into .cursor/mcp.json in your project, then enable css-cre-me-mcp in your MCP settings.

Cursor configuration

{
  "mcpServers": {
    "css-cre-me-mcp": {
      "url": "https://csscreme.com/mcp"
    }
  }
}

Cline

Merge this into cline_mcp_settings.json (Cline → MCP Servers → Configure). The type must be streamableHttp for a remote HTTP server.

Cline configuration

{
  "mcpServers": {
    "css-cre-me-mcp": {
      "type": "streamableHttp",
      "url": "https://csscreme.com/mcp",
      "disabled": false
    }
  }
}

VS Code

Merge this server into .vscode/mcp.json. Use MCP: List Servers to start css-cre-me-mcp and inspect its tools.

VS Code configuration

{
  "servers": {
    "css-cre-me-mcp": {
      "type": "http",
      "url": "https://csscreme.com/mcp"
    }
  }
}

Gemini CLI

Run this once. It writes .gemini/settings.json in the current project; pass --scope user for ~/.gemini/settings.json.

Gemini CLI configuration

gemini mcp add --transport http css-cre-me-mcp https://csscreme.com/mcp

Claude Desktop

Merge this into claude_desktop_config.json (macOS: ~/Library/Application Support/Claude/, Windows: %APPDATA%\Claude\), then restart Claude Desktop.

Claude Desktop configuration

{
  "mcpServers": {
    "css-cre-me-mcp": {
      "url": "https://csscreme.com/mcp"
    }
  }
}

Windsurf

Merge this into ~/.codeium/windsurf/mcp_config.json, then refresh MCP in Cascade. Windsurf remote servers use serverUrl, not url.

Windsurf configuration

{
  "mcpServers": {
    "css-cre-me-mcp": {
      "serverUrl": "https://csscreme.com/mcp"
    }
  }
}

See all 161

Do you run CSS Crème MCP?

Prove ownership with a DNS record, a well-known file, or your Official MCP Registry entry, and your edits publish immediately. Proofs are re-checked weekly; admins can still hide or remove a listing.

Claim this listing