Skip to content
mcp/harbor
Grok

CSS Crème for Grok

com.csscreme/design-systems

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

client:Grok transport:streamable-http tools:12

Install CSS Crème in Grok

.mcp.json (in your project root) 

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

Grok Build reads Claude Code's .mcp.json and Claude Desktop's config unchanged, so a server you have already set up there needs nothing new. The Grok web app and X integration do not take custom servers. Grok docs

What Grok can do once it is connected

CSS Crème in other clients

CSS Crème MCP server