Guide Svelte and SvelteKit development with runes and framework conventions.
npx skills add https://github.com/xobotyi/cc-foundry --skill svelte-xobotyi
Please help me install this Agent Skill. Skill: svelte Source: https://github.com/xobotyi/cc-foundry/tree/main/plugins/frontend/skills/svelte Command: npx skills add https://github.com/xobotyi/cc-foundry --skill svelte-xobotyi
This Skill provides expert guidance and enforces best practices for developing with Svelte and SvelteKit, ensuring efficient, maintainable, and high-quality code.
$state, $derived, $effect, etc.) for explicit and compiler-driven reactivity.Use the svelte skill to write a new Svelte component that displays a list of items passed as a prop.
High-intent search queries and answers about installing and using this skill.
Svelte runes provide explicit, compiler-driven reactivity for state management using symbols like `$state`, `$derived`, and `$effect` to declare reactive variables, computed values, and side effects directly within your components.
SvelteKit structures routing and data loading through file-based routing conventions, utilizing load functions to fetch data for specific routes and form actions to handle mutations and process user submissions on the server side.
The best way to write a Svelte component accepting props is by utilizing runes-first reactivity, ensuring explicit state declarations and compiler-driven data flow management for robust, maintainable component architecture.
Use `$derived` in Svelte to compute reactive values based on other state, and use `$effect` to synchronize side effects or perform actions when those reactive dependencies change, ensuring explicit reactivity.
Yes, SvelteKit enforces conventions for form handling by utilizing form actions within your routing files to process mutations, manage server-side data updates, and handle progressive enhancement automatically.
Svelte component reactivity may fail with nested properties if not using runes; migrating to explicit runes like `$state` ensures deep reactivity and compiler-driven updates across complex object structures.
brandonjjonAutomate JavaScript and TypeScript project setup, building, running, bundling, and testing with Bun's runtime and tools.
WalshingtonBuild and deploy TanStack Start full-stack React apps on Cloudflare Workers.
Otard95Develop Svelte frontends for Wails apps with TypeScript and Vite build tooling.
TarasTsavolykGenerate unit and component tests for JavaScript web applications using Vitest, Vue Test Utils, and Playwright.