Skip to content
Windsurf

CSS Crème for Windsurf

com.csscreme/design-systems

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

client:Windsurf transport:streamable-http tools:12

Install CSS Crème in Windsurf

~/.codeium/windsurf/mcp_config.json · windows: %USERPROFILE%\.codeium\windsurf\mcp_config.json

{
  "mcpServers": {
    "design-systems": {
      "serverUrl": "https://csscreme.com/mcp"
    }
  }
}

Global only — Windsurf has no per-project MCP config. Refresh Cascade after saving. Windsurf docs

What Windsurf can do once it is connected

CSS Crème in other clients