Utility CSS for any platform — near-zero learning curve. Built for developers and AI alike
Use this profile to copy client config, check auth requirements, review tools and resources, and compare related MCP servers before adding it to an AI client.
https://atomiccss.dev/mcpAdd this server entry to the mcpServers object in your Claude Desktop config, then restart the app.
{
"mcpServers": {
"io-github-yoodaekyung-atomic-css": {
"url": "https://atomiccss.dev/mcp"
}
}
}~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.jsonNo remote HTTP endpoint is advertised. Use the package or stdio setup shown in Install.
Atomic CSS is an MCP server for Utility CSS for any platform — near-zero learning curve. Built for developers and AI alike. It supports HTTP transport.
Use the generated config in Install. It points your client at the advertised remote endpoint shown on this page.
Choose the Claude Desktop tab in Install, copy the config, and add it to Claude Desktop's MCP server settings. Endpoint: https://atomiccss.dev/mcp.
Choose the Claude Code tab in Install, copy the config, and add it to Claude Code's MCP server settings. Endpoint: https://atomiccss.dev/mcp.
Choose the Codex tab in Install, copy the config, and add it to Codex's MCP server settings. Endpoint: https://atomiccss.dev/mcp.
Choose the Cursor or VS Code tab in Install, copy the config, and add it to Cursor or VS Code's MCP server settings. Endpoint: https://atomiccss.dev/mcp.
Atomic CSS uses HTTP transport. Endpoint: https://atomiccss.dev/mcp.
Atomic CSS inventory is listed when the MCP endpoint exposes tools, resources, or prompts. Some servers require auth first.
Atomic CSS does not advertise a verified auth requirement. If discovery fails, it may still need provider login, an API key, a bearer token, or a session header.