MCP servercom.csscreme/design-systems
Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.
Overview
Score?
UNRATED 0.639
of what a free look can see, on 17 looks
Looks
17
last 14 hr ago
Tools
12
changed 8 days ago
More info
URL
csscreme.com/mcp
streamable-http
Says it is
csscreme 1.8.1
protocol 2025-06-18
In the record since
15 days ago
Among servers18,413 with a card
0median 0.606 · this server 0.639 · highest on record 0.8561
Toolsfrom sha256:9e0afee5d8…65e0e7 · +0 −0 8 days ago
| Tool | Schema |
|---|---|
| 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 |
input · no output |
| 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, colour |
input · no output |
| 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 |
input · no output |
| 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. |
input · no output |
| 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 numb |
input · no output |
| 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 ( |
input · no output |
| 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 |
input · no output |
| 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_d |
input · no output |
| 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. |
input · no output |
| list_themes Browse the full catalogue of curated themes and templates. Use when the user wants to see options rather than search for one. |
input · no output |
| 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 |
input · no output |
| 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 tok |
input · no output |
Verify it yourself
npx teppi-check https://csscreme.com/mcpcurl -s https://api.teppi.xyz/v1/trust/mcp/mcs_01M2W3RX5ERKDXJ9F0X10XAY5J