svelte5-gotchas

Community

Master Svelte 5 runes and avoid common gotchas.

AuthorVonshlovens
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Svelte 5 runes introduce new patterns and gotchas that can cause runtime errors and drift from Svelte 4 habits. This guide helps developers adopt the correct runes-based syntax, avoid common traps, and maintain consistent practices across .svelte and .svelte.ts files.

Core Features & Use Cases

  • Guidance on adopting Svelte 5 runes syntax and avoiding deprecated patterns.
  • Examples addressing common issues including svelte:component deprecation, {@const} placement rules, and the requirement that runes work in .svelte.ts extensions.
  • Migration tips from Svelte 4 to Svelte 5 with real-world scenarios such as dynamic components and reactive state without $state wrappers.

Quick Start

Load this guide when editing .svelte or .svelte.ts files to avoid runes-related errors and ensure correct usage.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: svelte5-gotchas
Download link: https://github.com/Vonshlovens/vonshlovens/archive/main.zip#svelte5-gotchas

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.