svelte
SKILL.md
Svelte Skill
Overview
This skill provides expertise for building reactive web applications with Svelte. It covers component architecture, the reactivity system, stores for state management, real-time updates with WebSockets, and SvelteKit for full-stack applications.
Why Svelte
Comparison with Vanilla JS
| Aspect | Vanilla JS | Svelte |
|---|---|---|
| Reactivity | Manual DOM updates | Automatic - count++ just works |
| Components | Template strings | Single-file components |
| State | Global variables | Stores with subscriptions |
| Bundle size | 0kb (but more code) | ~2kb runtime |
| Learning curve | None | Gentle (closest to vanilla) |