AI Plugin Index
Tailwind Shades
CommunityMCP server by bourhaouta · updated · ★ 78 · 41 downloads a week
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults Tailwind Shades is a community project by bourhaouta, not verified by a company domain.
Install Tailwind Shades
Built from the published package, never by AIclaude mcp add tailwind-shades -- npx -y tailwindshades-mcpRun in your terminal. Add --scope user to use it in every project.
{
"mcpServers": {
"tailwind-shades": {
"command": "npx",
"args": [
"-y",
"tailwindshades-mcp"
]
}
}
}Settings, Developer, Edit config. Paste into claude_desktop_config.json and restart.
{
"mcpServers": {
"tailwind-shades": {
"command": "npx",
"args": [
"-y",
"tailwindshades-mcp"
]
}
}
}Add to ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project).
{
"servers": {
"tailwind-shades": {
"command": "npx",
"args": [
"-y",
"tailwindshades-mcp"
]
}
}
}Add to .vscode/mcp.json. VS Code uses "servers", not "mcpServers".
codex mcp add tailwind-shades -- npx -y tailwindshades-mcp{
"mcpServers": {
"tailwind-shades": {
"command": "npx",
"args": [
"-y",
"tailwindshades-mcp"
]
}
}
}Add to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (this project).
gemini mcp add tailwind-shades npx -y tailwindshades-mcpGemini CLI was replaced by Antigravity CLI in June 2026 and remains only for enterprise licences and paid API keys.
MCP servers run with your permissions and can read what you give them access to. Some need an API key: check the README and add it under env in the tailwind-shades block.
Last commit 10 days ago
MIT: permissive, fine for commercial use
Clear description, published package or server URL, 78 stars, original repository
No risky patterns in the files we checked
Weekly newsletter
Like Tailwind Shades? Get the best new MCP servers every week
The best new tools, security warnings before you install something risky, and one practical tip. Free, three minute read.
Security check
ANo download-and-run commands, hidden instructions or signs of sending keys out were found.
Checked automatically: README.md, package.json. This looks for known risky patterns and is not a full audit. How grades work
Alternatives to Tailwind Shades
All alternatives →
Architecture diagrams, explanations and Mermaid source for public GitHub repositories.
Create draw.io diagrams in chat from Mermaid or XML, shown live and interactive. 10,000+ shapes.
Create, inspect, validate, and save editable 3D building scenes with Pascal's MCP server.
Structured visual plans and PR recaps with diagrams, prototypes, annotations, and sharing
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Make 3D games in Unity Engine with AI. MCP Server + Plugin for Unity Editor and Unity games.
Tailwind Shades: common questions
How do I install Tailwind Shades?
In Claude Code run claude mcp add tailwind-shades -- npx -y tailwindshades-mcp. For Claude Desktop, Cursor and VS Code, paste the config shown above and restart. See the install guides.
Is Tailwind Shades the official server?
Tailwind Shades is a community project by bourhaouta, not verified by a company domain.
Is Tailwind Shades free?
The code is published under the MIT licence. The service it connects to may have its own pricing.
Is Tailwind Shades safe to use?
It scores 77 of 100. Grades: maintenance A, licence A, quality B. Security check: grade A, no risky patterns found in the files checked. Review the code before you install. How grades work.
What are alternatives to Tailwind Shades?
Similar MCP servers: GitDiagram, draw.io, Pascal 3D Editor, Agent-Native Plan.
Does Tailwind Shades work with ChatGPT?
Yes. Add its server URL in ChatGPT as a custom connector. See MCP in ChatGPT.