Categories › Software Development › Frontend, UI components & design-to-code
Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.
Remote server: your requests and data go to csscreme.com. Claude Code: claude mcp add --transport http css-cr-me https://csscreme.com/mcp · Claude app: Settings → Connectors → Add custom connector.
The tools this server listed when we connected to it, in its own words.
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 thhow_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 sesget_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. Useget_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 coloucss_feature — Answers two questions about a modern CSS feature with data instead of recall. First, its Baseline status (widely available, newly available,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 pairdecode_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 acverify_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 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 roseNot tested by KitScout yet. When our harness runs it, pros, cons and the tasks we tried appear here, with the date and evidence.