Can it help with the new snippet syntax?

Yes, it provides reference patterns for using snippets and the {@render} tag instead of the legacy slot-based component architecture.

Does it cover Svelte 5.25+ changes?

Yes, the skill includes recent updates, such as the ability to reassign $derived values when not declared with the const keyword.

How does it prevent reactivity mistakes?

It enforces top-level rune placement rules and warns against mixing legacy Svelte 4 reactivity with new Svelte 5 runes in the same file.

Does this skill support Svelte 4?

While focused on Svelte 5, it includes specific migration guides to help you translate Svelte 4 syntax into the modern Runes system efficiently.

Svelte 5 Runes Specialist

Name: Svelte 5 Runes Specialist
Author: linehaul-ai

bylinehaul-ai

•

Design Tools

Provides expert guidance for implementing Svelte 5 runes and migrating legacy Svelte 4 code to the modern reactive syntax.

The Svelte 5 Runes skill equips Claude with the specific knowledge required to build high-performance web applications using Svelte 5's new reactivity system. It ensures correct implementation of runes like $state, $derived, and $effect while preventing common anti-patterns such as mixing legacy and modern syntaxes. Whether you are starting a new project or migrating from Svelte 4, this skill provides precise patterns for component APIs, event handling, and complex state management, ensuring your code remains idiomatic and performant.

Key Features

01Step-by-step guidance for Svelte 4 to Svelte 5 migration

02Correct implementation of $state, $derived, and $effect runes

03Deep reactivity support for objects and arrays

041 GitHub stars

05Advanced component API patterns using $props and $bindable

06Expert transition from slots to the new snippet syntax

Use Cases

01Refactoring component logic to use $derived for complex computations

02Modernizing legacy Svelte applications to use the Runes API

03Building highly reactive dashboards with deeply nested state

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add linehaul-ai/linehaulai-claude-marketplace svelte5-runes

For use in Claude.ai and ChatGPT

Download Skill