What is vscode-tailwindshades?
vscode-tailwindshades is a MCP server by bourhaouta that tailwind CSS palettes (50–950) from any color for Tailwind v4, v3, v2 and v1, computed in OKLCH, plus the closest Tailwind color to any color. Run it with `npx tailwindshades-mcp` or use. It is listed under Developer tools and has 78 GitHub stars.
| Type | Mcp server |
|---|---|
| Author | bourhaouta |
| Repository | bourhaouta/vscode-tailwindshades |
| Popularity | 78 GitHub stars |
| Category | Developer tools |
| Security | Review before installing (72/100) |
| Rank | #678 of 4,418 MCP servers; #170 in Developer tools |
| License | MIT |
| Last commit | 2026-10-13 |
| Runs | Locally and in the cloud |
| Language | TypeScript |
| Platforms | macOS, Windows, Linux |
Is vscode-tailwindshades safe to install?
vscode-tailwindshades scores 72/100 on the MCPMods security check: Review before installing. Things to review: sends your data to a cloud service; can take actions such as send, write or deploy. It passed 3 of 6 checks.
MCP server results come from listing signals: who publishes it, where your data goes and what it can do. The code itself is not scanned yet.
| Check | Result |
|---|---|
| Community-built server | Note |
| Sends your data to a cloud service | Review |
| No credentials mentioned | Pass |
| Can take actions such as send, write or deploy | Review |
| No code execution | Pass |
| Source on GitHub | Pass |
How do I install vscode-tailwindshades?
- Find the launch command. The README says how the server starts (npx, uvx, docker or a remote URL) and which API keys it needs.
https://github.com/bourhaouta/vscode-tailwindshades
- Add it to Claude Code. Replace the part after -- with the command from the README. Remote servers use --transport http with a URL.
claude mcp add vscode-tailwindshades -- <command from README> claude mcp add --transport http vscode-tailwindshades <server-url>
- Check it connected. This lists your MCP servers and their status.
claude mcp list
Or ask Claude to set it up
Paste this into Claude Code and it installs vscode-tailwindshades for you:
Add the "vscode-tailwindshades" MCP server from https://github.com/bourhaouta/vscode-tailwindshades to Claude Code. Read its README for the launch command and any API keys I need, run claude mcp add, then check that it connects.