SuperAPI AI Directory

tailwind-patterns

Frontend & websites

View repository

Updated 10-15 21:11

About this skill

Tailwind CSS Patterns (v4 - 2025)

Modern utility-first CSS with CSS-native configuration.


1. Tailwind v4 Architecture

🧠 Knowledge Modules (Fractal Skills)

1. What Changed from v3

2. v4 Core Concepts

3. Theme Definition

4. When to Extend vs Override

5. Breakpoint vs Container

6. Container Query Usage

7. When to Use

8. Breakpoint System

9. Mobile-First Principle

10. Configuration Strategies

11. Dark Mode Pattern

12. Flexbox Patterns

13. Grid Patterns

14. OKLCH vs RGB/HSL

15. Color Token Architecture

16. Font Stack Pattern

17. Type Scale

18. Built-in Animations

19. Transition Patterns

20. When to Extract

21. Extraction Methods