Develop Svelte 5 components using runes for state and reactivity.
npx skills add https://github.com/cofin/flow --skill svelte-cofin
Please help me install this Agent Skill. Skill: svelte Source: https://github.com/cofin/flow/tree/main/skills/svelte Command: npx skills add https://github.com/cofin/flow --skill svelte-cofin
This Skill provides expert knowledge and practical examples for developing with Svelte 5, focusing on its new rune-based reactivity system and integration with SvelteKit.
$state, $derived, and $effect for reactive UI.Use the svelte skill to generate a basic Svelte 5 component with state and derived values.
High-intent search queries and answers about installing and using this skill.
Svelte 5 runes manage state and reactivity using `$state`, `$derived`, and `$effect` to trigger reactive UI updates. You define reactive variables with `$state`, compute derived values with `$derived`, and synchronize side effects with `$effect`.
Implement SvelteKit load functions and form actions to handle data fetching and form submissions within your application. Use load functions to fetch data before rendering and form actions to process mutations and validation server-side.
Understanding TypeScript and modern JavaScript frameworks is required for Svelte 5 development. TypeScript provides type safety for your components, load functions, and form actions, ensuring robust integration with the SvelteKit framework.
SvelteKit can integrate with Litestar for Python backend development to build full-stack applications. This allows your Svelte 5 reactive frontend to communicate seamlessly with your Python API endpoints and handle data transactions.
Scaffold Svelte 5 components using Vite for build processes to compile your application efficiently. Vite handles the module bundling and hot module replacement, allowing rapid development of rune-based reactive components.
aesthezelConfigure Vite builds, plugins, and SSR for frontend projects.
kvnaponteGuide SvelteKit data flow with load functions, form actions, and auth invalidation.
MacPhobosGuide Svelte 5 development with Runes API and SvelteKit.
manutejImplement Svelte 5 UIs with reactivity runes, components, stores, and transitions.