Configures Tailwind CSS v4 projects with CSS-first themes and Vite builds.
npx skills add https://github.com/arthrod/conejo-skills --skill tailwind-v4-arthrod
Please help me install this Agent Skill. Skill: tailwind-v4 Source: https://github.com/arthrod/conejo-skills/tree/main/skills/tailwind-v4 Command: npx skills add https://github.com/arthrod/conejo-skills --skill tailwind-v4-arthrod
This Skill eliminates the complexity of managing separate configuration files and build-tool overhead by leveraging Tailwind CSS v4's CSS-first architecture.
Use the tailwind-v4 skill to configure a new theme with custom OKLCH colors and font settings in your index.css file.
High-intent search queries and answers about installing and using this skill.
Configure Tailwind CSS v4 by defining themes, design tokens, and variables directly within your CSS using the @theme directive, eliminating the need for separate JavaScript configuration files.
Yes, Tailwind v4 works with Vite by utilizing the @tailwindcss/vite plugin for faster, native-feeling builds, removing the overhead and configuration bloat typically associated with PostCSS setups.
Manage design tokens in Tailwind v4 by defining them directly within your CSS using the @theme directive, where they are automatically integrated as utility classes and CSS variables.
Yes, you can implement dark mode in Tailwind v4 through efficient CSS variable integration within your CSS-first theme definitions, supporting modern web development workflows.
No, you do not need a tailwind.config.js file; Tailwind v4 leverages a CSS-first architecture allowing zero-config styling where themes and variables are defined directly in your CSS.
GitnappGenerate and bundle React frontend projects into standalone HTML artifacts.
abzhawApplies Tailwind utility classes to build responsive, themed Next.js dashboards.
belos-streetGenerate on-demand atomic CSS for used utility classes in frontend projects.
SlanyCukrGenerate utility-first CSS classes for responsive UI styling via PostCSS.
