Provide Svelte 5 and SvelteKit patterns for reactivity, routing, and form actions.
npx skills add https://github.com/oakoss/agent-skills --skill svelte-oakoss
Please help me install this Agent Skill. Skill: svelte Source: https://github.com/oakoss/agent-skills/tree/main/skills/svelte Command: npx skills add https://github.com/oakoss/agent-skills --skill svelte-oakoss
This Skill provides comprehensive guidance and patterns for developing modern web applications using Svelte 5 and its full-stack framework, SvelteKit, simplifying complex UI development and server-side integration.
$state, $derived, and $effect for fine-grained control.Use the svelte skill to create a new SvelteKit project and set up basic file-based routing.
High-intent search queries and answers about installing and using this skill.
Svelte 5 reactivity uses runes like `$state` for mutable variables, `$derived` for computed values, and `$effect` for side effects to provide fine-grained control over component updates.
Migrating from Svelte 4 to Svelte 5 involves transitioning to the new runes-based reactivity system using established migration paths and patterns to update component logic and lifecycle handling.
SvelteKit handles full-stack routing with a file-based router, using server and universal load functions to fetch data, and form actions to process server-side mutations like checkout submissions.
SvelteKit builds static sites and handles deployment through adapters, which configure the application output for specific hosting platforms and progressive enhancement scenarios.
Building an e-commerce frontend with SvelteKit leverages server load functions to fetch product data and form actions to process checkout, ensuring a fast, reactive, and progressively enhanced user experience.
Debugging Svelte 5 reactivity issues involves checking rune usage to ensure `$derived` values correctly track `$state` dependencies, and verifying `$effect` execution to resolve common state synchronization problems.
I-OnlabsAutomate fullstack project scaffolding and code-quality guidance for React, Next.js, Node.js, GraphQL, and PostgreSQL stacks.
bobmatnycDevelop full-stack web applications with SvelteKit, TypeScript, and file-based routing.
memoirlabsGuide Svelte 5 component reactivity using runes and recommended patterns.
herdiansahDevelops and optimizes React 19+ and Next.js 15+ frontend applications.