The CSS Crème MCP server,
connected in one click.
Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow. Connect the official CSS Crème MCP server to Claude, ChatGPT, or Cursor through gate — one gateway URL, no config files, security-checked.
Free to start · No credit card · No hosting needed
Add CSS Crème to your AI in one minute
Pick your client. Copy, paste, done — or let gate handle sign-ins and policies for you.
claude mcp add --transport http css-cr-me https://csscreme.com/mcpRun in your terminal, then restart Claude Code.
CSS Crème · https://csscreme.com/mcp
What your AI can do with CSS Crème
Real prompts you can type the moment it's connected — no setup, no docs to read.
“Use “search_themes”: Find a design system by describing what you are building ("dark developer tool", "calm fintech dashboard", "playful consumer app"). Returns.”
“Use “list_themes”: Browse the full catalogue of curated themes and templates. Use when the user wants to see options rather than search for one.”
“Use “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,.”
“Use “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 th.”
How secure is the CSS Crème MCP server?
Every server in the gate directory has to pass the same four checks before your AI can touch it. Here's how CSS Crème holds up.
Official endpoint
Operated by CSS Crème (csscreme.com) at its documented MCP endpoint — not a third-party mirror or community re-host.
No sign-in needed
This server only exposes public data — no account and no credentials are involved when you connect.
Scanned before it goes live
gate checks every tool for prompt injection, hidden instructions, data-exfiltration hints, and over-broad permissions before the server is available through your gateway.
Watched for drift
If CSS Crème adds or changes tools later, gate re-scans and alerts you — before your AI acts on the change.
Connected in three steps
Connect your gate
Add one gateway URL to Claude, ChatGPT, or any MCP client. One-time setup, about two minutes.
Pick CSS Crème
Choose CSS Crème in the gate directory. No sign-in needed.
Use it anywhere
CSS Crème's tools are live in every AI client you've connected — with rules and logging built in.
Free to start · No credit card · No hosting needed
The actual tools CSS Crème exposes
Fetched live from the official endpoint and re-checked daily by gate — not marketing copy.
search_themes — Find a design system by describing what you are building ("dark developer tool", "calm fintech dashboard", "playful consumer app"). Returns
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,
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 th
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 ses
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
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,
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 colou
+ 4 more tools once connected
Who runs the CSS Crème MCP server?
The CSS Crème MCP server at a glance
https://csscreme.com/mcpQuestions, answered
Is there an official CSS Crème MCP server?
Yes — CSS Crème operates its own remote MCP server at csscreme.com. gate connects you to that official endpoint and adds security scanning, per-tool access rules, and an activity log on top.
How do I connect CSS Crème to Claude or ChatGPT?
Add gate's gateway URL to your AI client once, then pick CSS Crème in the directory. No account or sign-in is needed. From then on, CSS Crème's tools are available in every client you've connected to gate.
Do I need to host anything?
No. CSS Crème runs the server, and gate is fully managed. You just connect one URL — there's nothing to install, deploy, or maintain.
Is the CSS Crème MCP server safe to connect?
It's the vendor's official endpoint, and gate scans its tools for prompt injection and hidden instructions before it goes live, re-checks it whenever it changes, and lets you allow, block, or require approval for every single tool.
Is it free?
Yes — you can get started with gate for free and connect CSS Crème in minutes. No credit card required.
Connect more than just CSS Crème
Every server below works through the same gateway URL — connect once, add tools anytime.
Squarespace DomainsDesignView →Set up CSS Crème in: Claude · Claude Code · ChatGPT · Cursor · VS Code