svelte

Svelte is a compiler-based UI framework that shifts work from runtime to build time, producing minimal JavaScript with no virtual DOM. Svelte 5 introduces runes for explicit, fine-grained reactivity. SvelteKit is the full-stack framework built on Svelte, providing file-based routing, server-side rendering, and deployment adapters.

When to use: Full-stack web apps, static sites, progressive enhancement, SSR/SSG, projects needing small bundle sizes, migration from Svelte 4 to 5.

When NOT to use: React/Vue ecosystem lock-in, projects requiring extensive third-party component libraries only available for other frameworks, teams with no Svelte experience on tight deadlines.

Patrones de marco Svelte 5 y SvelteKit. Cubre runas ($state, $derived, $effect, $props, $bindable, $inspect), fragmentos, reactividad detallada, composición de componentes y manejo de eventos. La cobertura de SvelteKit incluye enrutamiento basado en archivos, funciones de carga universal y de servidor, acciones de formulario, enlaces, adaptadores y manejo de errores. Incluye guía de migración de Svelte 4 a 5 (de tiendas a runas, de: evento a un evento, de espacios a fragmentos). Úselo al crear componentes de Svelte 5, configurar el enrutamiento de SvelteKit, implementar acciones de formulario, migrar desde Svelte 4 o depurar problemas de reactividad. Fuente: oakoss/agent-skills.