Atomic CSS MCP Server

Install in Claude Code

claude mcp add --transport sse atomic-css https://atomiccss.dev/mcp

Install in Cursor

{
  "mcpServers": {
    "atomic-css": {
      "url": "https://atomiccss.dev/mcp"
    }
  }
}

Install in Claude Desktop

{
  "mcpServers": {
    "atomic-css": {
      "command": "npx",
      "args": [
        "-y",
        "mcp-remote",
        "https://atomiccss.dev/mcp"
      ]
    }
  }
}

Or add it as a custom connector under Settings → Connectors. The config above bridges via mcp-remote.

Install in VS Code

{
  "servers": {
    "atomic-css": {
      "type": "sse",
      "url": "https://atomiccss.dev/mcp"
    }
  }
}

Install in Windsurf

{
  "mcpServers": {
    "atomic-css": {
      "serverUrl": "https://atomiccss.dev/mcp"
    }
  }
}