svelte5-best-practices

| 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, фрагменты кода, шаблоны SvelteKit и современные лучшие практики разработки TypeScript и компонентов. Используйте при написании, проверке или рефакторинге компонентов Svelte 5 и приложений SvelteKit. Запускается по: компонентам Svelte, рунам ($state, $derived, $effect, $props, $bindable, $inspect), фрагментам ({#snippet}, {@render}), обработке событий, загрузке данных SvelteKit, действиям формы, миграции Svelte 4 на Svelte 5, миграции хранилища на руны, миграции слотов на фрагменты, типизации реквизитов TypeScript, общим компонентам, изоляции состояния SSR, оптимизации производительности, или тестирование компонентов. Источник: ejirocodes/agent-skills.