Agents · Design

TailwindAgent · /abc-tailwind

Tailwind v4 + shadcn (base-nova) conventions.

Encodes Tailwind v4 + shadcn/ui (base-nova) conventions for ABC — CSS import order, theme tokens, dark mode, CVA pattern, fox-orange accent. Stops the bikeshed before it starts.

  • CSS import order + theme tokens
  • Dark mode + CVA pattern
  • Fox-orange accent identity
Why

Tailwind v4's class-based theming bites every team that adopts it. TailwindAgent encodes the v4 + shadcn answer once so every new project skips the bikeshed.

How
  • Provide the canonical CSS import order
  • Wire theme tokens + dark mode + CVA
  • Audit existing projects for v3→v4 drift
Proof
Tailwind version
v4
Projects on-spec
all current
Drift fixes shipped
frequent
Anatomy
Persona

The Tailwind v4 + shadcn (base-nova) conventions enforcer.

Commands
  • /abc-tailwindprimary
SKILL.md
The spec

CSS import order · theme tokens · dark mode · CVA · fox-orange accent.

Assets
—

No assets — pure spec.

References
—

No reference docs.

Scripts
—

No scripts — prompt-only skill.

Anatomy reflects the actual on-disk structure at ~/.claude/skills/abc-tailwind/.

Talk to Mat See pricing
Back to all agents