svelte-runes

This skill provides specialized assistance for developers working with the Svelte 5 framework, specifically focusing on the runes reactivity system. It is designed for engineers migrating legacy Svelte 4 codebases or building new applications that utilize modern Svelte syntax. The skill offers precise, authoritative guidance on the correct application of reactive primitives, ensuring code stability, performance, and maintainability.

• Expert support for $state, $derived, $effect, $props, and $bindable syntax.

• Deep reactivity patterns for complex objects and arrays.

• Comprehensive Svelte 4 to 5 migration advice, including handling of legacy reactive statements and component lifecycles.

• Best practices for utilizing @attach for action replacement and managing snippets versus slots.

• Solutions for common reactivity mistakes, such as improper state reassignment or mixing legacy syntax with runes.

• Use this skill when implementing reactive logic, defining component interfaces, or debugging state synchronization issues.

• The skill provides reference documentation for standard patterns like lazy evaluation, side effect tracking, and component-to-component data binding.

• Typical inputs include technical questions about Svelte runtime behavior, requests for code refactoring, or identification of common anti-patterns in UI state management.

• Outputs provide actionable code snippets, architectural recommendations, and clear explanations of why specific runes should be used over others in a given context.

• Users should note that runes are designed for top-level usage; the skill enforces these constraints to prevent runtime errors and ensure compatibility with the Svelte compiler.