tailwind-css

name	tailwind-css
description	Use when styling reusable React components with Tailwind CSS; applies repository conventions for responsive breakpoints, accessibility states, class override architecture, and consistent utility-class composition.
argument-hint	[ui goal] [component files] [responsive/theme constraints]
user-invokable	true
disable-model-invocation	false

Skill Instructions

Use this skill when the request matches Tailwind CSS Styling Guidelines for React Components.

Workflow

1. Read SOURCE.md for the full repository guidance.
2. Identify concrete constraints, conventions, and required outputs.
3. Apply the guidance directly to the current task, keeping changes minimal and repository-consistent. Don't validate results (tests/lint/build where relevant). Wait until I tell you this!
4. Summarize what was applied from this skill and where.

Input Guidance

When invoking this skill manually, include:

• Task goal
• Target files or modules
• Any constraints (performance, architecture, style, tests)