Design

csscreme.com

MCP server for discovering, browsing, and retrieving design system themes and shadcn/ui tokens to help build styled applications.

1 endpoint12 known toolsFirst detected September 19, 2026Last detected September 19, 2026

ENDPOINT 1

https://csscreme.com/mcp

No auth detected

MCP server metadata

Name: csscreme
Version: 1.6.0

Capabilities

tools

Server instructions

CSS Crème gives a coding agent a real design system before it writes UI. Free, no account, no key. Typical flow: search_themes -> get_design_md -> follow its rules while building -> get_theme_tokens or get_install_command to install. If a DESIGN.md is already in the repo, call verify_design_md with its Fingerprint line first; a stale copy is worse than none. get_agent_rules returns a block for CLAUDE.md / AGENTS.md so the rules apply every session. Every contrast ratio in a DESIGN.md is computed, not asserted; if a pair fails WCAG AA the file says so.

Known tools 12

search_themes

Find a design system by describing what you are building ("dark developer tool", "calm fintech dashboard", "playful consumer app").

Inferred read-only

list_themes

Browse the full catalogue of curated themes and templates.

Inferred read-only

get_design_md

Fetch the full DESIGN.

Inferred read-only

get_theme_tokens

Get the shadcn/ui registry item (OKLCH tokens, light and dark) plus the paste-ready CSS variables for one theme, and the one-line command that installs it for real.

Potential side effects

how_to_use

Explains where a DESIGN.

Inferred read-only

get_install_command

Return the exact `npx shadcn@latest add <url>` command that installs one theme into a shadcn/ui project, plus the registry URL it reads.

Potential side effects

get_agent_rules

Return a short standing-instructions block that makes every future session read DESIGN.

Inferred read-only

decode_url

Fetch a public site's HTML and stylesheets and return what its CSS declares: named custom properties that look like design tokens, the colours it uses most, its font stacks, border radii, spacing values, and the framework it appears to be built with.

Inferred read-only

css_feature

Answers two questions about a modern CSS feature with data instead of recall.

Inferred read-only

get_design_md_for_url

Read the stylesheets of a public site and return a full DESIGN.

Inferred read-only

decode_site

Read a sample of pages from one site (from its sitemap.

Inferred read-only

verify_design_md

Every DESIGN.

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.csscreme]
url = "https://csscreme.com/mcp"
enabled = true

Claude Code

.mcp.json

{
  "mcpServers": {
    "csscreme": {
      "type": "http",
      "url": "https://csscreme.com/mcp"
    }
  }
}

Claude Desktop

Settings → Connectors → Add custom connector

Name: csscreme
Remote MCP URL: https://csscreme.com/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": {
    "csscreme": {
      "url": "https://csscreme.com/mcp"
    }
  }
}

Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code

{
  "servers": {
    "csscreme": {
      "type": "http",
      "url": "https://csscreme.com/mcp"
    }
  }
}

Generic MCP

Client-specific MCP configuration

{
  "name": "csscreme",
  "transport": "streamable-http",
  "url": "https://csscreme.com/mcp"
}

MCP Inspector

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

TRUST AND VERIFICATION EVIDENCE

Loading Trust v2 evidence…

Checking the associated registrable domain. The BuiltWith key remains server-side.

Indexed

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