AdYour product here, seen by people installing AI tools every day Sponsor slots open: 12 of 12, from $249 a month

How to install Tailwind Shades in Cursor

To install Tailwind Shades in Cursor, click "Add to Cursor" on this page or paste the "tailwind-shades" block into ~/.cursor/mcp.json, then check for a green dot in Cursor Settings under MCP.

Built from the published package · server updated 8 days ago

  1. 1

    One click (fastest)

    Click the button to open Cursor with this server ready to add.

    Add Tailwind Shades to Cursor
  2. 2

    Or add it by hand

    Open Cursor Settings, then MCP, then Add new MCP server, or edit mcp.json directly and paste:

    {
      "mcpServers": {
        "tailwind-shades": {
          "command": "npx",
          "args": [
            "-y",
            "tailwindshades-mcp"
          ]
        }
      }
    }
  3. 3

    Turn it on

    In Settings, MCP, make sure the server shows a green dot. Use it in Agent mode.

Config file: ~/.cursor/mcp.json (all projects) or .cursor/mcp.json (this project)

MCP servers run with your permissions. If Tailwind Shades needs an API key, add it under env in the config. Check its README.

Install Tailwind Shades in another app

Similar servers

Questions

Does Tailwind Shades work in Cursor?

Yes. Cursor supports local and remote mcp servers, and Tailwind Shades installs with the steps above.

Tailwind Shades does not show up in Cursor. What now?

Restart Cursor fully, check the JSON is valid, and make sure Node.js (for npx) is installed. See common MCP errors and fixes.

Is Tailwind Shades safe?

It scores 77 of 100. Review the code before you install it, and only give it the access it needs. Grades and details.