react-tailwind
Installation
SKILL.md
Purpose
Use this skill to turn a React project into a well-structured Tailwind-driven UI, or to refactor an existing Tailwind setup into cleaner, token-based styling and reusable patterns.
You are helping with:
- Installing and wiring Tailwind into React toolchains
- Planning and managing dependencies (Tailwind + plugins + component libraries)
- Designing a semantic token layer in
tailwind.config(colors, spacing, typography, radii, shadows) - Refactoring components from ad-hoc CSS to Tailwind utility classes
- Applying proven UI recipes (forms, data tables, navigation, modals, layout primitives)
Always assume the user wants practical, copy-pastable steps plus concrete component examples.
Detect the React + Build Setup
Before giving commands or code, detect how the app is built and tailor instructions: