Svelte 5

About

This skill acts as a specialized guide for building applications with Svelte 5, ensuring that all generated code adheres to the latest standards. Because most AI models are heavily trained on Svelte 4 syntax, this skill provides necessary guardrails by mandating the use of runes like $state, $derived, and $props. It offers clear mapping from legacy patterns to modern ones, including snippet-based composition and simplified reactivity, making it an essential tool for developers looking to maintain clean, performant, and future-proof Svelte codebases.

Key Features

• Simplifies state management by replacing Svelte stores with direct reactive runes.
• Updates event handling logic to use standard attribute names and callback props.
• Includes detailed references for TypeScript integration and complex reactivity patterns.
• Provides implementation guidance for snippets to replace deprecated slot patterns.
• Translates legacy Svelte 4 syntax into modern Svelte 5 runes ($state, $derived, $effect, $props).
• 2 GitHub stars

Use Cases

• Ensuring new projects use the latest Svelte runes and snippets instead of outdated training data patterns.
• Implementing complex reactive logic and two-way bindings using the $bindable() rune.
• Migrating legacy Svelte 4 components to the modern Svelte 5 standard.