Apply Tailwind CSS 4 patterns to React projects with cn() and design tokens.
npx skills add https://github.com/wildbitca/ai-resources --skill tailwind-4-wildbitca
Please help me install this Agent Skill. Skill: tailwind-4 Source: https://github.com/wildbitca/ai-resources/tree/main/skills/gpm-curated-tailwind-4 Command: npx skills add https://github.com/wildbitca/ai-resources --skill tailwind-4-wildbitca
Tailwind CSS 4 patterns and best practices to help frontend teams write consistent, accessible, and maintainable styles while avoiding common pitfalls like using var() in className or hex color literals.
Follow these guidelines to implement Tailwind 4 patterns in your project.
High-intent search queries and answers about installing and using this skill.
Avoid using var() directly in className strings and replace hex color literals with Tailwind 4 design token configurations. This maintains theming consistency and accessibility across dark mode and responsive layouts without hardcoding CSS values.
Apply Tailwind CSS 4 patterns to frontend styling tasks across React projects by configuring tailwind.config.* files and following practical rules for theming and responsive layouts. This ensures consistent, accessible, and maintainable styles across common components like buttons, cards, and forms.
Yes, Tailwind 4 works with React projects by applying patterns across tsx, jsx, css, and tailwind.config.* files. It specifies safety and consistency requirements to ensure styles remain maintainable across your existing frontend tooling stack.
Avoiding hex colors and var() in Tailwind 4 className attributes prevents hardcoded values from bypassing the design token system. This maintains theming consistency and dark mode support while keeping utility classes aligned with best practices.
tutur3uAudit HTML, CSS, and JavaScript against Web Interface Guidelines.
ShoebtamboliConfigure Tailwind CSS utility patterns for Rails 7+ views.
sebasmzgEnforce Tailwind CSS 4 semantic theme classes and cn-style merging in React components.
avvaleStandardize Tailwind CSS 4 class usage in React and Vue components.
