T
View source Cursor rule · Cursor Rule
Tailwind CSS (Next.js Guide)
Tailwind conventions for a Next.js project
By awesome-cursorrules community (curated by PatrickJS) · last verified 2026-09-06
What it does
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.
Details
StackNext.js, Tailwind CSS
Compared with Tailwind CSS (Next.js Guide)