setup-tailwind

Web

174 downloads · by community

Install and configure Tailwind CSS with sensible defaults for any framework

Install

npx @claudeskill/cli install setup-tailwind

What this skill does

Installs Tailwind CSS with the right PostCSS pipeline for your framework. Generates the config file, content globs, and base stylesheet with the recommended preflight, and adds a small set of design tokens (colors, fonts, spacing) you can edit. Works for Next.js, Vite, Astro, Remix, and plain HTML.

Use cases

  • Spinning up a new project with utility-first CSS
  • Migrating an existing CSS codebase to Tailwind
  • Adding a design-token layer for theming
  • Pairing Tailwind with shadcn or Radix components