AcademyRulesDevelopment

SvelteKit, TailwindCSS and TypeScript Rules

Frontend teams working with SvelteKit and Tailwind who want Cursor to plan first and follow clear code style rules.

  • Recommendedour rating
  • 40,892repository stars
  • CC0-1.0licence
  • 4 months agolast update
mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/sveltekit-tailwindcss-typescript-cursorrules-promp.mdc -o .cursor/rules/sveltekit-tailwindcss-typescript-cursorrules-promp.mdc
sveltekit-tailwindcss-typescript-cursorrules-promp.mdc

Loading the file...

What it does

A Cursor rules file that sets the AI up as a senior frontend developer for SvelteKit, TypeScript and Tailwind projects. It asks for a pseudocode plan first, early returns, Tailwind classes instead of custom CSS, descriptive names, handler names prefixed with handle and accessibility attributes.

Use cases

  1. 01Plan a component in pseudocode before coding it
  2. 02Style an element with Tailwind classes only
  3. 03Add keyboard and aria attributes to a button

Questions about
SvelteKit, TailwindCSS and TypeScript Rules.

What is SvelteKit, TailwindCSS and TypeScript Rules used for?

Frontend teams working with SvelteKit and Tailwind who want Cursor to plan first and follow clear code style rules. A Cursor rules file that sets the AI up as a senior frontend developer for SvelteKit, TypeScript and Tailwind projects. It asks for a pseudocode plan first, early returns, Tailwind classes instead of custom CSS, descriptive names, handler names prefixed with handle and accessibility attributes.

How do I install SvelteKit, TailwindCSS and TypeScript Rules?

Run this in your terminal: mkdir -p .cursor/rules && curl -fsSL https://raw.githubusercontent.com/PatrickJS/awesome-cursorrules/main/rules/sveltekit-tailwindcss-typescript-cursorrules-promp.mdc -o .cursor/rules/sveltekit-tailwindcss-typescript-cursorrules-promp.mdc

Is SvelteKit, TailwindCSS and TypeScript Rules open source?

Yes. The code is on GitHub (PatrickJS/awesome-cursorrules) under the CC0-1.0 licence.

Is SvelteKit, TailwindCSS and TypeScript Rules safe to use?

It passed our automatic scan for credential theft, hidden instructions and risky install commands. Third party open source software. Sabemos AI does not maintain it. Check the code and permissions before you connect it to company data.