Convert Svelte 4 stores to Svelte 5 runes with SSR guidance.
npx skills add https://github.com/kynetic-ai/kynetic-spec --skill svelte-5
Please help me install this Agent Skill. Skill: svelte-5 Source: https://github.com/kynetic-ai/kynetic-spec/tree/main/.claude/skills/svelte-5 Command: npx skills add https://github.com/kynetic-ai/kynetic-spec --skill svelte-5
Svelte 5 introduces runes for reactivity, but developers face a learning curve, migration challenges, and hydration pitfalls across SSR and client contexts.
$state, $derived, and $effect for concise, predictable state management.Explain how to convert a simple counter component from Svelte 4 stores to Svelte 5 runes and apply an appropriate SSR strategy.
High-intent search queries and answers about installing and using this skill.
Svelte 5 runes replace stores using `$state` for reactive variables, `$derived` for computed values, and `$effect` for side effects. This migration modularizes shared state logic into `.svelte.ts` files for predictable reactivity.
In Svelte 5 reactivity, `$state` declares reactive variables, `$derived` calculates computed values from that state, and `$effect` synchronizes side effects. These runes provide concise, predictable state management without explicit store subscriptions.
Handle SSR and hydration issues in SvelteKit by deciding when to disable SSR for client-only components. Apply appropriate hydration strategies across adapters to avoid runtime errors during server-side rendering with Svelte 5 runes.
Disable SSR for Svelte 5 components when handling client-only rendering scenarios that cause hydration mismatches or unsafe constructs. This prevents runtime errors by ensuring reactive state initializes exclusively in the browser environment.
Invalid snippet errors in Svelte 5 occur when component templates use outdated syntax. Update snippets and templates to match Svelte 5 patterns, replacing legacy store syntax with rune-based reactivity to resolve these tooling errors.
dwalleckImplement reactive Svelte 5 components using runes-based state and template syntax.
SnakeODiagnose and fix Svelte 5 reactivity and runes issues.
chemicallangDiagnose and fix SSR and hydration mismatches across React, Preact, and Solid components.
dragoscirjanStandardize Svelte 4 and 5 component reactivity and state patterns.