# Tailwind CSS (Next.js Guide)

> Tailwind conventions for a Next.js project

Source: https://aistack.sh/rule/tailwind-css-nextjs-guide
Real source: https://github.com/PatrickJS/awesome-cursorrules/blob/main/rules/tailwind-css-nextjs-guide-cursorrules-prompt-file.mdc
Author: awesome-cursorrules community (curated by PatrickJS)
Category: cursor-rule
Stack: Next.js, Tailwind CSS
Last verified: 2026-09-06

Cursor Project Rules for Tailwind CSS development with Next.js integration: utility-class conventions and component styling patterns.

## Install

### cursor

```
mkdir -p .cursor/rules
curl -o .cursor/rules/tailwind-css-nextjs-guide-cursorrules-prompt-file.mdc https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/tailwind-css-nextjs-guide-cursorrules-prompt-file.mdc
```

Per the repo's own instructions: create a .cursor/rules/ directory in your project, then copy the .mdc file into it. Cursor auto-attaches the rule based on the globs in its frontmatter.

---

From aistack.sh. Last verified 2026-09-06.