Optimize Svelte and SvelteKit projects for reactivity, routing, SSR, and form handling.
npx skills add https://github.com/arbazkhan971/godmode --skill svelte-arbazkhan971
Please help me install this Agent Skill. Skill: svelte Source: https://github.com/arbazkhan971/godmode/tree/main/skills/svelte Command: npx skills add https://github.com/arbazkhan971/godmode --skill svelte-arbazkhan971
Guides developers through correct Svelte and SvelteKit architecture, reactivity choices, routing, form handling, SSR/adapter configuration, and testing to avoid performance regressions, hydration errors, and insecure server/client boundaries.
Create a SvelteKit project using runes-based reactivity, add server load functions for data, set up form actions with use:enhance, configure the appropriate adapter for your host, and run the test and build checks.
High-intent search queries and answers about installing and using this skill.
Migrate legacy Svelte 3 or 4 reactivity to Svelte 5 runes by evaluating existing dollar-sign patterns and replacing them with rune-based state declarations. This Skill guides migration strategies and identifies when to keep existing implementations intact.
The best way to handle form submissions in SvelteKit is using form actions with use:enhance. This approach ensures progressive enhancement, secure server-side processing, and robust client-side validation without full page reloads.
Configure SvelteKit adapters for server-side rendering by selecting the appropriate adapter for your hosting environment. This Skill prescribes adapter-specific build configurations and prerender or SSR strategies for individual pages.
Yes, this Svelte Skill supports type-safe routing and data loading. It ensures type-checked code across your project by defining strict server load functions, store boundaries, and derived stores for auth and cart state.
SvelteKit hydration errors and insecure server boundaries occur from incorrect state management and improper client-server data passing. This Skill defines server-safe state patterns and strict boundaries to prevent these regressions.
Use Vitest and Playwright as testing targets for a SvelteKit application. This Skill provides testing checks for type safety, build validation, and strict keep or discard discipline during iterative development changes.
pingqLINGuide Svelte 5 and SvelteKit development with runes-based reactivity and TypeScript.
GolferGeekRun npm lint, format, test, and build before commits.
PlebeianAppBuild reactive front-end interfaces with Svelte components and stores.
cofinBridge server-side routing with client-side rendering using Inertia.js.
