Integrate Tailwind v4 into Dean Stack projects via a shared Vite config.
npx skills add https://github.com/matthewharwood/dean-stack --skill tailwind-matthewharwood
Please help me install this Agent Skill. Skill: tailwind Source: https://github.com/matthewharwood/dean-stack/tree/main/.claude/skills/tailwind Command: npx skills add https://github.com/matthewharwood/dean-stack --skill tailwind-matthewharwood
Tailwind v4 integration standardizes CSS tooling in Dean Stack by replacing multiple CSS configs with a single CSS-first workflow and a reusable Vite plugin.
Apply the shared Tailwind v4/Vite config to your app to start styling with design tokens.
High-intent search queries and answers about installing and using this skill.
Tailwind v4 can be configured using a CSS-first workflow by importing "tailwindcss" directly and driving utilities through design tokens, eliminating the need for a separate tailwind.config.js file.
The best way to share a Tailwind Vite config across an app and Storybook is using a single shared Vite plugin that enforces design token driven CSS, ensuring styling consistency across both environments.
A CSS-first workflow generates Tailwind utilities by defining design tokens directly within CSS and applying them via the shared Vite config, ensuring co-located styling drives utility generation automatically.
You do not need a separate Tailwind configuration for Storybook theming when using a shared Vite config, which applies the same design tokens and Tailwind v4 syntax across both app and Storybook environments.
Tailwind v4 replaces multiple CSS configs in a Dean Stack project to standardize CSS tooling by enforcing a single CSS-first workflow and a reusable Vite plugin, ensuring consistent design tokens across all components.
justinlevinedotmeInitialize shadcn/ui with Tailwind v4 in Vite projects.
B1u3B01tReplace Tailwind-only visual styling with inline CSS in generated components.
pedronauckImplements Tailwind CSS v4 styling patterns with design tokens and tailwind-variants for responsive layouts.
datamonsterrConfigure Tailwind CSS with PostCSS and utility classes for responsive styling.
