Tailwind 4

This enforces Tailwind 4 best practices with a decision tree approach that keeps you from shooting yourself in the foot. The core rule: never use var() or hex colors in className attributes. Use Tailwind's semantic classes instead, reserve var() for library props that can't accept className (like Recharts), and only reach for the style prop when values are truly dynamic. It's opinionated about when to use the cn() utility versus plain className, which is honestly helpful since people tend to wrap everything unnecessarily. The pattern library covers the usual suspects like responsive design and dark mode, but the real value is in the constraint system that prevents the CSS-in-className antipatterns that creep into codebases.

Install to Claude Code

npx -y skills add prowler-cloud/prowler --skill tailwind-4 --agent claude-code