Build reactive UIs with Svelte 5 using Runes API.
npx skills add https://github.com/bobmatnyc/termpilot --skill svelte
Please help me install this Agent Skill. Skill: svelte Source: https://github.com/bobmatnyc/termpilot/tree/main/.claude/skills/toolchains-javascript-frameworks-svelte Command: npx skills add https://github.com/bobmatnyc/termpilot --skill svelte
Traditional reactive frameworks often incur runtime overhead, leading to larger bundles and slower performance. This skill introduces Svelte 5, a compiler-first framework that shifts work to build time, resulting in highly optimized, vanilla JavaScript components.
$state, $derived, and $effect for explicit, fine-grained reactivity with minimal boilerplate.Use the svelte skill to create a new SvelteKit project and implement a reactive counter component using the $state() rune.
High-intent search queries and answers about installing and using this skill.
Svelte 5 is a compiler-first framework that shifts reactivity work to build time, compiling components to optimized vanilla JavaScript with zero runtime overhead, resulting in smaller bundles and faster performance than traditional reactive frameworks.
The $state rune in Svelte 5 enables fine-grained, explicit reactivity without boilerplate. Pair it with $derived for computed values and $effect for side effects to manage component state directly within your component logic.
Yes. SvelteKit provides built-in support for SSR and SSG, enabling you to build full-stack applications with both server-rendered and statically generated pages while maintaining the same optimized component architecture.
Yes. Svelte 5 requires a compiler to transform your components into vanilla JavaScript at build time. SvelteKit handles this automatically and provides routing, API endpoints, and deployment adapters for streamlined development.
Svelte shifts reactivity logic to the compiler rather than the runtime, eliminating the overhead of virtual DOMs and runtime frameworks. This produces smaller, faster code while maintaining a simple, readable component syntax.
Use $props to declare component inputs and $bindable to enable two-way binding. The Runes API makes prop flow explicit and reactivity predictable without implicit magic or boilerplate.
jesusjbricenoAutomate JavaScript/TypeScript development workflows using the Bun runtime.
mgd34msuDevelop full-stack SolidStart applications with SSR, SSG, and server functions.
bobmatnycDevelop full-stack web applications with SvelteKit, TypeScript, and file-based routing.
Objective-ArtsAdvocate compile-time JavaScript development to minimize shipped code via tree-shaking.