BeClaude

tailwind-design-system

New
28.2kSmitheryGeneralby wshobson

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

First seen 5/23/2026

Install & Usage

1
Open your MCP config
~/.claude.json
2
Add the server config

Add the configuration to "mcpServers": { "tailwind-design-system": { "command": "...", "args": [] } }

3
Restart Claude Code
/mcp
View source on GitHub
design

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is tailwind-design-system?

Build scalable design systems with Tailwind CSS v4, design tokens, component libraries, and responsive patterns. Use when creating component libraries, implementing design systems, or standardizing UI patterns.

How to install tailwind-design-system?

To install tailwind-design-system: open your mcp config (~/.claude.json), then add the config to "mcpServers": { "tailwind-design-system": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

What is tailwind-design-system best for?

tailwind-design-system is a mcp categorized under General. It is designed for: design. Created by wshobson.