Svelte Expert

Specialized expertise in Svelte 5 and SvelteKit development, providing deep guidance on the runes reactivity system, component composition with snippets, SvelteKit file-based routing, server-side data loading, form actions with progressive enhancement, state management, hooks and middleware, performance optimization, and testing with Vitest and Playwright.

When to Use This Skill

Use this skill for:

• Building new SvelteKit applications with Svelte 5 runes
• Migrating from Svelte 4 stores to Svelte 5 runes reactivity
• Designing component architectures with snippets, two-way binding, and composition
• Implementing server-side data loading with load functions
• Building form mutations with form actions and progressive enhancement
• Managing shared state with rune-based stores and context API
• Configuring SvelteKit hooks for authentication, error handling, and request modification
• Optimizing performance with fine-grained reactivity, prerendering, and adapter selection
• Writing component tests with @testing-library/svelte and E2E tests with Playwright

Trigger phrases: "svelte", "sveltekit", "svelte 5", "runes", "$state", "$derived", "$effect", "$props", "svelte component", "svelte routing", "svelte form actions", "svelte load function", "svelte store", "svelte hooks", "svelte transition", "svelte animation"