Frontend · Cursor
Tailwind CSS v4 .cursorignore
A .cursorignore for Tailwind CSS v4 that keeps build output, large files and secrets out of Cursor's index (best effort).
- Path
- .cursorignore
- Loads
- Indexing and AI features
- Format
- gitignore syntax
- Used by
- Cursor
What this file tells the agent
This .cursorignore keeps Tailwind CSS v4 build output, large data files and environment secrets out of Cursor's index and AI features, so context goes to your source code. It is best effort: commands the agent runs in the terminal can still read ignored files, so keep real secrets out of the repo too.
- Configure themes directly in globals.css using `@theme` and `@import 'tailwindcss';`.
- Never generate or modify legacy `tailwind.config.js` or `tailwind.config.ts` files.
- Use CSS custom properties for dynamic color palettes.
- Enforce consistent utility ordering: layout -> spacing -> typography -> background -> borders -> interactivity.
Code to avoid, and what to write instead
The rule steers the agent away from the left and toward the right.
// Discouraged in v4: Obsolete tailwind.config.js
module.exports = {
theme: {
extend: { colors: { brand: "#f97316" } }
}
};@import "tailwindcss";
@theme {
--color-brand-primary: #f97316;
--font-display: "Geist Sans", sans-serif;
}Install it in one command
- 01
Go to your project root
The file goes at .cursorignore, relative to the root.
- 02
Download the file
Run the command on the right. It downloads this preset and writes the file.
- 03
Make sure it gets used
Cursor applies .cursorignore automatically. Matching files leave the index and AI features, but commands the agent runs in the terminal can still read them.
$ curl -fsSL "https://www.devscratchpad.tech/api/raw/cursorignore/tailwind-v4" -o ".cursorignore"
writes .cursorignore
.cursorignore
To write the file from your own code instead, use Read your code or Convert Legacy Rules in the editor above.
More for Tailwind CSS v4
Other formats
Other .cursorignore presets
Questions
- How is .cursorignore different from .gitignore?
- .gitignore decides what git tracks. .cursorignore keeps files out of Cursor's codebase index and AI features; Cursor already skips files in .gitignore when it indexes.
- Does .cursorignore reduce wasted context?
- Yes. Ignored files are not indexed or pulled into requests, so build output and large data files do not crowd out your source code.