Skip to content
VS Code

CSS Crème for VS Code

com.csscreme/design-systems

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

client:VS Code transport:streamable-http tools:12

Install CSS Crème in VS Code

.vscode/mcp.json

{
  "servers": {
    "design-systems": {
      "type": "http",
      "url": "https://csscreme.com/mcp"
    }
  }
}

Requires agent mode. MCP: Open User Configuration puts the same block in every workspace. VS Code docs

What VS Code can do once it is connected

CSS Crème in other clients