mcpsystem.design

Tailwind CSS component patterns for AI assistants via MCP. Copy-paste recipes, not a component library.

MCP Server Setup

Connect to your AI assistant (Claude, Cursor) via MCP for instant access to Tailwind component patterns.

MCP Configuration
{
  "mcpServers": {
    "mcpdesignsystem": {
      "url": "https://www.mcpsystem.design/sse"
    }
  }
}

Pattern Library Overview

56

Patterns

9

Categories

41

Color Tokens

8

Typography Styles