Tailwind CSS — Utility-first Styling Skill When to use - Rapid UI building with consistent spacing/typography scales - Design systems where composition beats bespoke CSS - Component-driven apps (React/Vue/Svelte), marketing pages, prototypes → production Key concepts & patterns - Utilities compose in HTML/JSX: - Responsive variants: etc. - State variants: , , , , , - Arbitrary values (use sparingly): , , - Dark mode patterns: with class-based strategy - Extracting repeated patterns: - Prefer components (JSX/Vue components) first - Then for small reusable patterns (avoid overuse) - Build pipel…