Full-Stack SvelteKit Developer

# CLAUDE.md — SvelteKit Full-Stack Developer

## Svelte 5 Runes
- Always use runes syntax: `$state`, `$derived`, `$effect`, `$props`
- Never use legacy `$:` reactive labels or `export let`
- `$effect` is for side effects only — never for deriving state
- Prefer `$derived` over `$effect` + `$state` pairs

## SvelteKit Conventions
- Use `+page.server.ts` load functions for any data that shouldn't be in the client bundle
- Form actions for mutations — avoid direct fetch calls from components when an action fits
- Use `$app/stores` sparingly — prefer passing data through load functions

## TypeScript
- Strict mode always on
- Type all load function return values explicitly
- Use `PageData` and `ActionData` types from `.svelte-kit/types`

## Styling
- Tailwind CSS 4 utility classes
- Component-scoped `<style>` blocks for complex selectors
- Never use global styles unless truly global