FreeRules, agents & hooks
TypeScript, React and Node.js rules
- 174174 downloads
- 225225 likes
- 237237 saves
Works with
- Cursor
SvelteKit and Tailwind: styling and accessibility v1.0.0
Use this resource to write styled, accessible SvelteKit components with Tailwind
New
- 109 downloads
- 136 likes
- 89 saves
Free
Install with the CLI
In a terminal, from the folder you want:
npx --yes palatekit@latest install sveltekit-tailwind-typescript-ruleFirst time: connect the CLI with
npx --yes palatekit@latest loginCursor applies these guidelines to SvelteKit components: Tailwind classes instead of CSS or style tags, class: instead of a ternary operator, a handle prefix for event functions, typed constants, early returns, and tabindex, aria-label and keyboard handlers on interactive elements. The text lists reference versions: Node.js 18 or later, SvelteKit 2, TypeScript 5, Vite 5 and pnpm 8 or later.
Updated November 2, 2026
Similar resources
View all- Free
FreeRules, agents & hooks
Android Jetpack Compose conventions
- 230230 downloads
- 236236 likes
- 191191 saves
Works with- Cursor
FreeRules, agents & hooks
Angular and Novo Elements rules
- 382382 downloads
- 1212 likes
- 158158 saves
Works with- Cursor
FreeRules, agents & hooks
Angular 18, TypeScript and Jest rules
- 574574 downloads
- 7171 likes
- 5858 saves
Works with- Cursor
FreeRules, agents & hooks
Ankra CLI best practices
- 149149 downloads
- 208208 likes
- 178178 saves
Works with- Cursor
FreeRules, agents & hooks
Avoid over-engineering in changes
- 329329 downloads
- 1616 likes
- 7474 saves
Works with- Cursor
FreeRules, agents & hooks
Candid code review discipline
- 469469 downloads
- 7373 likes
- 158158 saves
Works with- Cursor
FreeRules, agents & hooks
ASCII turn-based simulation rules
- 464464 downloads
- 2323 likes
- 231231 saves
Works with- Cursor
What you get
- The .mdc file (in English): SvelteKit, Tailwind and accessibility conventions
- Reference versions: Node.js 18, SvelteKit 2, TypeScript 5 and Vite 5
Good fit for
- A SvelteKit interface that must work with a keyboard
- A project where components mix CSS and Tailwind classes
Not for
Tags
- sveltekit
- tailwind css
- accessibility
- typescript
About
You say
“Create an accessible button with a keyboard handler and Tailwind classes.”
Rule published by PatrickJS under the CC0-1.0 license, delivered in its original version.
Show moreShow less
How to use it
- Copy the .mdc file into your project's .cursor/rules/ folder
- Ask Cursor to write styled, accessible SvelteKit components with Tailwind
- Adjust the rule to your conventions
Content preview
Files
- LICENSE6.5 KB
- NOTICE-PALATEKIT.md0.5 KB
- sveltekit-tailwind-typescript-rule.mdc5.2 KB
Origin and licence
Listed unmodified
- Author
- PatrickJS
- Source
- github.com/PatrickJS/awesome-cursorrules/blob/b044f956f021b6e8877f16781bcfc466a6a120e9/rules/sveltekit-tailwindcss-typescript-cursorrules-promp.mdc
- Licence
- CC0-1.0
Notice
« sveltekit-tailwindcss-typescript-cursorrules-promp » (PatrickJS, CC0-1.0) livré dans sa version d'origine : fiche en français et en anglais par PalateKit.
User reviews
–
No ratings yet
Loading reviews…