You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Stop your AI agent from generating Tailwind CSS v3 code. 12 rules for Tailwind v4 syntax, CSS-first config with @theme, modern utility patterns, and the anti-patterns every agent produces.
6
+
Stop your AI agent from generating Tailwind CSS v3 code. 12 rules for Tailwind v4 syntax, CSS-first
7
+
config with @theme, modern utility patterns, and the anti-patterns every agent produces.
7
8
8
-
> AI coding assistants (Cursor, Claude Code, Copilot, Codex) are trained on Tailwind v3 data. They generate `tailwind.config.js`, `@tailwind` directives, `bg-opacity-50`, and other patterns that don't exist in Tailwind CSS v4. This plugin fixes that.
9
+
> AI coding assistants (Cursor, Claude Code, Copilot, Codex) are trained on Tailwind v3 data. They
10
+
> generate `tailwind.config.js`, `@tailwind` directives, `bg-opacity-50`, and other patterns that
11
+
> don't exist in Tailwind CSS v4. This plugin fixes that.
9
12
10
13
## Install
11
14
@@ -19,31 +22,34 @@ Or copy `skills/` into your `.cursor/skills/` or `.claude/skills/` directory.
19
22
20
23
## What's Included
21
24
22
-
| Type | Name | Description |
23
-
|------|------|-------------|
24
-
| Skill |`tailwind-best-practices`| 12 rules covering @import, @theme, opacity, gradients, container queries, @utility, and more |
25
-
| Rule |`best-practices`| Always-on behavioral rule that enforces v4 patterns on every file |
26
-
| Command |`/audit`| Scan your codebase for Tailwind v3 anti-patterns |
0 commit comments