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 |

Svelte 5-Runen, Snippets, SvelteKit-Muster und moderne Best Practices für TypeScript und Komponentenentwicklung. Zum Schreiben, Überprüfen oder Refactoring von Svelte 5-Komponenten und SvelteKit-Anwendungen. Auslöser für: Svelte-Komponenten, Runen ($state, $derived, $effect, $props, $bindable, $inspect), Snippets ({#snippet}, {@render}), Ereignisbehandlung, SvelteKit-Datenladen, Formularaktionen, Migration von Svelte 4 zu Svelte 5, Migration von Store zu Rune, Migration von Slots zu Snippets, Typisierung von TypeScript-Requisiten, generische Komponenten, SSR-Statusisolation, Leistung Optimierung oder Komponententests. Quelle: ejirocodes/agent-skills.

Original anzeigen