svelte5-best-practices

svelte5-best-practices is a reusable AI skill focused on a specific workflow. name: svelte5-best-practices

The skill packages instructions, conventions, and task-specific guidance so an agent can execute the job more consistently. description: "Svelte 5 runes, snippets, SvelteKit patterns, and modern best practices for TypeScript and component development. Use when writing, reviewing, or refactoring Svelte 5 components and SvelteKit applications. Triggers on: Svelte components, runes ($state, $derived, $effect, $props, $bindable, $inspect), snippets ({#snippet}, {@render}), event handling, SvelteKit data loading, form actions, Svelte 4 to Svelte 5 migration, store to rune migration, slots to snippets migration, TypeScript props typing, generic components, SSR state isolation, performance optimization, or component testing." | Topic | When to Use | Reference | |-------|-------------|-----------|

In practice, this skill is best suited for users who need repeatable execution with fewer setup steps and less ambiguity. | **Runes** | $state, $derived, $effect, $props, $bindable, $inspect | [runes.md](references/runes.md) | | **Snippets** | Replacing slots, {#snippet}, {@render} | [snippets.md](references/snippets.md) | | **Events** | onclick handlers, callback props, context API | [events.md](references/events.md) | | **TypeScript** | Props typing, generic components | [typescript.md](references/typescript.md) |