← ClaudeAtlas

frontend-tailwindlisted

Use when adding Tailwind CSS to a Vite project: wire Tailwind CSS into a Vite project for utility first styling.
sarmakska/slipstream · ★ 1 · Web & Frontend · score 73
Install: claude install-skill sarmakska/slipstream
## Overview Wire Tailwind CSS into a Vite project for utility first styling. ## Steps 1. Install `tailwindcss`, `postcss` and `autoprefixer` as dev dependencies. 2. Create `tailwind.config.js` with the `content` glob pointing at `./index.html` and `./src/**/*.{ts,tsx}`. 3. Add the three `@tailwind` directives to `src/index.css` and import it from the app entry. ## Verify Build the app and grep the emitted CSS bundle for a Tailwind utility class such as `flex` to confirm processing ran.