svelte5-best-practices

SKILL.md

| Runes | $state, $derived, $effect, $props, $bindable, $inspect | runes.md | | Snippets | Replacing slots, {#snippet}, {@render} | snippets.md | | Events | onclick handlers, callback props, context API | events.md | | TypeScript | Props typing, generic components | typescript.md | | Migration | Svelte 4 to 5, stores to runes | migration.md |

| SvelteKit | Load functions, form actions, SSR, page typing | sveltekit.md | | Performance | Universal reactivity, avoiding over-reactivity, streaming | performance.md |

Runas, fragmentos, patrones de SvelteKit y mejores prácticas modernas para TypeScript y desarrollo de componentes de Svelte 5. Úselo al escribir, revisar o refactorizar componentes de Svelte 5 y aplicaciones SvelteKit. Activadores de: componentes Svelte, runas ($state, $derived, $effect, $props, $bindable, $inspect), fragmentos ({#snippet}, {@render}), manejo de eventos, carga de datos de SvelteKit, acciones de formulario, migración de Svelte 4 a Svelte 5, migración de almacenamiento a runa, migración de ranuras a fragmentos, escritura de accesorios de TypeScript, componentes genéricos, aislamiento de estado SSR, optimización del rendimiento o pruebas de componentes. Fuente: ejirocodes/agent-skills.

Ver original