svelte-patterns
Installation
SKILL.md
Overview
Svelte 5 introduces runes ($state, $derived, $effect) replacing the old reactive syntax. SvelteKit provides SSR/SSG with file-based routing, form actions, and server-side load functions.
Capabilities
- Svelte 5 runes for fine-grained reactivity
- SvelteKit file-based routing with layouts and groups
- Form actions for progressive enhancement
- Server-side load functions and streaming
- Edge deployment with adapters (Vercel, Cloudflare, Node)
When to Use
- Building reactive UIs with minimal boilerplate
- Need SSR/SSG with SvelteKit
- Building forms that work without JavaScript
- Deploying to edge runtimes