svelte-best-practices
CommunityMaster Svelte 5 patterns for reliable apps.
AuthorDavidTeju
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Svelte codebases often struggle with maintaining predictable reactivity and consistent component patterns as projects scale. This Skill collects proven patterns for Svelte 5, including the runes mode, state derivation, props handling, effect usage, and ESLint integration, to help teams write robust, maintainable components.
Core Features & Use Cases
- Provides a mapped set of reactivity primitives ($state, $derived, $props) and recommended usage to reduce bugs.
- Documents common patterns (dependency tracking, $effect.pre vs $effect, and legacy feature replacements) to improve consistency across teams.
- Includes ESLint configuration guidance and practical examples for Svelte 5 projects.
Quick Start
Apply the Svelte 5 best-practices guide to an existing component to improve reactivity patterns and styling consistency.
Dependency Matrix
Required Modules
None requiredComponents
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: svelte-best-practices Download link: https://github.com/DavidTeju/shared-skills/archive/main.zip#svelte-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 471,000+ vetted skills library on demand.