MCP server for TailwindCSS utility classes, documentation, and project assistance with support for v3 and v4
Setup
Choose your client, copy the config, then fill in any required environment variables.
claude mcp add tailwindcss-server-clarity-contrib -- npx -y @clarity-contrib/tailwindcss-mcp-server~/.codex/config.toml
[mcp_servers.tailwindcss-server-clarity-contrib]
command = "npx"
args = ["-y", "@clarity-contrib/tailwindcss-mcp-server"]
# codex mcp add tailwindcss-server-clarity-contrib -- npx -y @clarity-contrib/tailwindcss-mcp-server~/.cursor/mcp.json
{
"mcpServers": {
"tailwindcss-server-clarity-contrib": {
"command": "npx",
"args": [
"-y",
"@clarity-contrib/tailwindcss-mcp-server"
]
}
}
}.vscode/mcp.json
{
"servers": {
"tailwindcss-server-clarity-contrib": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@clarity-contrib/tailwindcss-mcp-server"
]
}
}
}~/.gemini/settings.json
{
"mcpServers": {
"tailwindcss-server-clarity-contrib": {
"command": "npx",
"args": [
"-y",
"@clarity-contrib/tailwindcss-mcp-server"
]
}
}
}claude_desktop_config.json
{
"mcpServers": {
"tailwindcss-server-clarity-contrib": {
"command": "npx",
"args": [
"-y",
"@clarity-contrib/tailwindcss-mcp-server"
]
}
}
}.trae/mcp.json
{
"mcpServers": {
"tailwindcss-server-clarity-contrib": {
"command": "npx",
"args": [
"-y",
"@clarity-contrib/tailwindcss-mcp-server"
]
}
}
}