Svelte Development Skill
CommunityMaster Svelte 5 with runes-guided development.
System Documentation
What problem does it solve?
Svelte developers face a steep learning curve when adopting Svelte 5 and the new runes-based reactivity. This Skill provides a centralized, authoritative reference that accelerates learning, reduces guesswork, and streamlines component authoring and migration.
Core Features & Use Cases
- Comprehensive coverage of Svelte 5 runes ($state, $derived, $effect, $props), components, template syntax, and directives.
- Migration guidance from Svelte 4 to 5, plus TypeScript integration and advanced patterns.
- Progressive disclosure: start with SKILL.md, then load relevant resource files as tasks arise, keeping context tight and actionable.
Quick Start
Load the Svelte Development Skill, review the SKILL.md overview, then load the resource files you need (e.g., resources/runes-state.md, resources/template-control-flow.md) to accomplish your current task. For example, to implement reactive state in a component, load resources/runes-state.md and follow its guidance.
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 Development Skill Download link: https://github.com/dwalleck/catalyst/archive/main.zip#svelte-development-skill 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.