tailwind-patterns

Q: How to install tailwind-patterns?

Open your MCP config: ~/.claude.json. Then add the config to "mcpServers": { "tailwind-patterns": { "command": "...", "args": [] } }. Finally, /mcp in Claude Code.

Q: What is tailwind-patterns best for?

tailwind-patterns is categorized under General. It covers: design.

New

19.9kSmitheryGeneralby davila7

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

First seen 5/22/2026

Install & Usage

Open your MCP config

~/.claude.json

Add the server config

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

Restart Claude Code

/mcp

View source on GitHub

design

Security Audits

LicenseUnknownSourceWarnRepositoryPass

Frequently Asked Questions

What is tailwind-patterns?

Tailwind CSS v4 principles. CSS-first configuration, container queries, modern patterns, design token architecture.

How to install tailwind-patterns?

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

What is tailwind-patterns best for?

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