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

•

デザインツール

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.

主な機能

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

ユースケース

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