MCP SERVER

CSS Crème

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

Design & contentmcp

Visit project

Claim this listing

About CSS Crème

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

How to connect

What is the endpoint and how does it run?

Hosted remote server over Streamable HTTP at https://csscreme.com/mcp.

How do I add CSS Crème to Claude Code, Cursor or Claude Desktop?

One command, any client (npm)

npx ruagentic add css-creme

Claude Code

claude mcp add --transport http css-cr-me https://csscreme.com/mcp

Cursor, Windsurf and other clients that accept a URL (mcp.json)

{
  "mcpServers": {
    "css-cr-me": {
      "url": "https://csscreme.com/mcp"
    }
  }
}

Claude Desktop (claude_desktop_config.json, via the mcp-remote bridge)

{
  "mcpServers": {
    "css-cr-me": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://csscreme.com/mcp"
      ]
    }
  }
}

Snippets are generated from the published endpoint; the server name css-cr-me is only a label you can change. Add the credentials the publisher documents.

Project website Source repository

REMOTE ENDPOINThttps://csscreme.com/mcpUse this URL in a compatible client. Follow the provider’s authentication instructions.

Questions and answers

What is CSS Crème?

CSS Crème is an MCP server in the Design & content category. Give your agent a real design system: tokens, measured WCAG contrast, and rules to follow.

How do I connect to CSS Crème?

Hosted remote server over Streamable HTTP at https://csscreme.com/mcp. The listing page has ready-made snippets for Claude Code, Cursor and Claude Desktop.

Where is CSS Crème published?

Its homepage is https://csscreme.com/ai/mcp and its source repository is https://github.com/damnepic/csscreme-skill. RUAGENTIC read these details from Official MCP Registry on October 20, 2026 and did not install or run the project.

Sources and checks

View the source

Source information collected October 20, 2026.

Badge and embed

Show this listing on your website or README. The badge and the card link back to this page.

Markdown badge

[![Listed on RUAGENTIC](https://ruagentic.com/badge/css-creme.svg)](https://ruagentic.com/tools/css-creme)

HTML badge

<a href="https://ruagentic.com/tools/css-creme"><img src="https://ruagentic.com/badge/css-creme.svg" alt="Listed on RUAGENTIC" height="28"></a>

Markdown card

[![CSS Crème on RUAGENTIC](https://ruagentic.com/embed/css-creme.svg)](https://ruagentic.com/tools/css-creme)

HTML embed

<iframe src="https://ruagentic.com/embed/css-creme" width="480" height="150" style="border:0;max-width:100%" loading="lazy" title="CSS Crème on RUAGENTIC"></iframe>