svelte5-best-practices
CommunityMaster Svelte 5 patterns and runes.
AuthorKetbome
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Aligns teams around modern Svelte 5 patterns to reduce fragmentation, improve readability, and accelerate development by providing a practical guide to runes, Snippets, and SvelteKit patterns.
Core Features & Use Cases
- Guidance on using runes such as $state, $derived, $effect, $props, $bindable, and $inspect for predictable, scalable reactivity.
- Patterns for Snippets and slot-to-snippet migrations, including rendering with {@render} and typed component props.
- SvelteKit patterns for load functions, SSR isolation, page data typing, and form actions to streamline end-to-end development.
Quick Start
Open a Svelte 5 project and apply the best practices described here to refactor components and improve maintainability.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 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-best-practices Download link: https://github.com/Ketbome/hytalepanel/archive/main.zip#svelte5-best-practices Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.