Svelte 5 + SvelteKit 2 + Tailwind v4 AI Config Bundle
A drop-in rules file that makes Claude Code, Cursor, Windsurf, and Copilot write Svelte 5 (runes), SvelteKit 2, and Tailwind v4 correctly instead of legacy Svelte 4 syntax.
Description
Svelte 5 runes, SvelteKit 2, and Tailwind CSS v4 all shipped breaking changes after most models' training cutoffs, so assistants default to export let, $:, on:click, createEventDispatcher, <slot>, $app/stores, thrown redirect()/error(), and v3 @tailwind directives. This bundle is a 486-line CLAUDE.md that encodes the correct patterns and the exact anti-patterns to avoid — a full runes reference ($state/$derived/$effect/$props/$bindable), snippets, callback props, .svelte.ts state modules, SvelteKit 2 load/form-actions/$app-state/redirect/cookies/env/hooks, Tailwind v4 CSS-first setup, TypeScript conventions, a 12-mistake blocklist, and a pre-commit checklist. Ships with a README covering install for Claude Code, Cursor, Windsurf, and GitHub Copilot, plus a CUSTOMIZATION.md for adapting it to your data layer, auth, and design tokens.
What's included
- CLAUDE.md — 486-line Svelte 5 + SvelteKit 2 + Tailwind v4 rules file (10 golden rules, full runes reference, snippets, SvelteKit 2 routing/load/actions/state, Tailwind v4, 12-mistake blocklist, pre-commit checklist)
- README.md — installation for Claude Code, Cursor, Windsurf, and GitHub Copilot (100 lines)
- CUSTOMIZATION.md — adapt it to your package manager, DB/ORM, auth, styling, and monorepo layout (79 lines)
Delivery
Instant download after Stripe checkout. File: nightforge-svelte5-sveltekit-config-bundle.zip