Back to search
100
MCP live MCP 2026-07-28 streamable-http

CSS Crème

com.csscreme/design-systems

Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.

Watch this dependency Share evidence report
Uptime
100.0%
5 direct probes · 30d
Response
417ms
last probe
Tools
13
callable
Resources
0
readable
Prompts
0
available
Primary URL
https://csscreme.com/mcp
Score: 100/100
Handshake verified by our own probe.
pass Answers the MCP handshake 50/50
The handshake and the list calls succeeded on the primary URL.
pass Lists tools, resources or prompts 30/30
13 tools, 0 resources, 0 prompts returned.
pass 3 or more catalogue items 10/10
13 items in total; 3 or more earns these points.
pass Describes itself 10/10
90 characters; more than 30 earns these points.

Tools · 13

search_themes

Find a design system by describing what you are building ("dark developer tool", "calm fintech dashboard", "playful consumer app"). Returns matching themes with their DESIGN.md URL and shadcn install …

list_themes

Browse the full catalogue of curated themes and templates. Use when the user wants to see options rather than search for one.

get_design_md

Fetch the full DESIGN.md for one theme: semantic colour roles, the complete shadcn token set in light and dark, typography, radius, spacing, MEASURED WCAG contrast ratios, and numbered rules the gener…

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. Use after get_design_md when you ar…

how_to_use

Explains where a DESIGN.md belongs for a given coding agent (Claude Code, Cursor, v0, Codex, Lovable) so the design rules apply to every session rather than one message.

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. Use when the user says "install it" and you already know the id…

get_agent_rules

Return a short standing-instructions block that makes every future session read DESIGN.md before touching UI. Paste it whole into CLAUDE.md, AGENTS.md or .cursor/rules/design.mdc. It points at the DES…

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 valu…

css_feature

Answers two questions about a modern CSS feature with data instead of recall. First, its Baseline status (widely available, newly available, or limited availability), the date, and which core browsers…

get_design_md_for_url

Read the stylesheets of a public site and return a full DESIGN.md: semantic roles with the token each came from, measured WCAG contrast pairs, the tokens the site itself declares (framework internals …

decode_site

Read a sample of pages from one site (from its sitemap.xml, or the homepage links when there is no sitemap) and report what is CONSISTENT across them: which declared tokens, colours, font stacks, radi…

verify_design_md

Every DESIGN.md carries a Fingerprint line. Pass the id and that fingerprint; the server answers whether the copy matches the current token set, and if not, returns the current tokens so the agent can…

get_scene_embed

Returns paste-ready code for a CSS Crème Scene: an interactive 3D meadow (four seasons, dandelion clocks, or a garden of peonies, white roses, lilies, irises, hydrangeas, tulips or daffodils, at any h…

How to use

Claude Desktop or claude.ai: add a custom connector (Customize → Connectors; on Team and Enterprise plans an owner adds it under Organization settings → Connectors) with this server URL: https://csscreme.com/mcp

Cursor or Cline: add to your MCP config:

{
  "mcpServers": {
    "css_cr\u00e8me": {
      "url": "https://csscreme.com/mcp",
      "transport": "streamable-http"
    }
  }
}