Configure Tailwind v4 styles directly in CSS without tailwind.config.js.
npx skills add https://github.com/remorses/opencode-config --skill tailwind-remorses
Please help me install this Agent Skill. Skill: tailwind Source: https://github.com/remorses/opencode-config/tree/main/skills/tailwind Command: npx skills add https://github.com/remorses/opencode-config --skill tailwind-remorses
Tailwind v4 conventions and CSS-based configuration eliminate the need for a separate tailwind.config.js by configuring styles directly in CSS.
@variant dark and nested CSS rules for predictable theming.@theme inline, and scalable theming patterns.Follow Tailwind v4 CSS conventions, enable dark mode with @variant dark, and configure styles directly in CSS without a tailwind.config.js.
High-intent search queries and answers about installing and using this skill.
Tailwind v4 enables CSS-based configuration directly in your stylesheet, eliminating the need for a separate tailwind.config.js file. You define design tokens and custom properties natively in CSS, streamlining your theming setup and reducing configuration overhead.
Dark mode in Tailwind v4 is implemented using the @variant dark directive alongside nested CSS rules. This approach provides predictable theming behavior by scoping dark styles directly within your component CSS.
You manage scalable theming in Tailwind v4 by using CSS custom properties and the @theme inline directive for token bridging. This method enforces in-file theming to ensure consistent UI design tokens across your project.
Tailwind v4 encourages reusing existing UI components from a components/ui directory and avoiding the redeclaration of shared primitives. It guides minimal layouts focused on spacing and gaps rather than card-based grouping.
Yes, Tailwind v4 guides minimal, typography-friendly layouts with a strong emphasis on spacing, gaps, and component reuse. This approach intentionally avoids card-based grouping to ensure predictable and consistent UI.
amit397Build design systems with Tailwind CSS v4 using CSS-first configuration.
Yoriichi-DangCodify design tokens, theming, and component APIs for scalable design systems.
efekrbasDesign Tailwind CSS design systems with semantic tokens and accessible variants.
wshobsonDesign reusable web UI components with patterns and styling approaches.