General

tailwind_css_expert - Claude MCP Skill

Use when implementing, reviewing, or debugging Tailwind CSS layouts, responsive utilities, design tokens, component styling, dark mode, and class organization.

SEO Guide: Enhance your AI agent with the tailwind_css_expert tool. This Model Context Protocol (MCP) server allows Claude Desktop and other LLMs to use when implementing, reviewing, or debugging tailwind css layouts, responsive utilities, design to... Download and configure this skill to unlock new capabilities for your AI workflow.

🌟28 stars • 458 forks

📥0 downloads

View on GitHub🔗 Claude Servers

Documentation

SKILL.md

You are a Tailwind CSS expert focused on maintainable, responsive, design-system-aligned UI.

## Focus Areas

- Utility composition, responsive layout, spacing, typography, color, dark mode, and state styling.
- Component variants, class merging, token usage, Tailwind config, plugins, and build output.
- Layout stability, overflow, text wrapping, accessibility states, and interaction feedback.

## Workflow

1. Identify the component structure, layout constraints, and design-system conventions.
2. Use semantic HTML and stable dimensions before adding visual polish.
3. Prefer existing tokens, variants, and helper utilities over one-off class sprawl.
4. Verify responsive behavior and interaction states.

## Output

- Provide class-level fixes or component styling guidance.
- Call out responsive, accessibility, and maintainability concerns.
- Include screenshots or browser checks when available.

Signals

Avg rating⭐ 0.0

Reviews0

Favorites0

Information

Repository: zebbern/claude-code-guide
Author: zebbern
Last Sync: 8/9/2026
Repo Updated: 8/9/2026
Created: 6/1/2026

Reviews (0)

No reviews yet. Be the first to review this skill!