Repo · BuildMIT96.1k ★
Tailwind CSS
by Tailwind Labs · linked, not rehosted
Style anything without leaving your markup — utility classes that make a consistent design system almost automatic.
Add it to your project
Give your agent this prompt — it sets the repo up for you:
Prompt for your agent
Add Tailwind CSS to my project the current recommended way, set up a sensible base theme (colors, fonts, spacing), and restyle one existing component with it as an example.
Open source (MIT) · all rights to Tailwind Labs.
What it's for & howRead it ↓Collapse ↑
What it is
Tailwind CSS is a utility-first styling framework: instead of writing custom CSS, you compose small classes right in your markup. It makes spacing, color and type consistent, and pairs naturally with component sets like shadcn/ui.
When to reach for it
- You want to style a site quickly and keep it consistent.
- You're tired of jumping between markup and separate CSS files.
- You're using the Landing Page skill or shadcn/ui (both assume Tailwind).
Set it up
Follow the current install for your framework (Next.js, Vite, etc.), then style
with classes like flex gap-4 rounded-xl bg-black text-white. Give your agent
the prompt above to wire it up and theme it for your project.