Svelte5 Sveltekit
Svelte 5 and SvelteKit development expertise including runes-based reactivity ($state, $derived, $effect, $props), file-based routing, form actions, remote functions with Zod validation, and best practices. Use when working with Svelte 5 or SvelteKit projects, creating components, setting up routes, or implementing forms and data loading.
Svelte 5 & SvelteKit Skill
A comprehensive Claude Code skill for modern Svelte 5 and SvelteKit development.
Features
- ✅ Svelte 5 runes ($state, $derived, $effect, $props)
- ✅ SvelteKit file-based routing
- ✅ Form actions and remote functions
- ✅ Zod validation schemas
- ✅ Best practices and anti-patterns
- ✅ TypeScript integration
- ✅ Migration guide from Svelte 4
Installation
Using Claude Code
# Install from marketplace
/plugin marketplace add your-username/svelte5-sveltekit-skill
/plugin install svelte5-sveltekit@your-username-marketplace
Manual Installation
# Clone to your Claude skills directory
git clone https://github.com/your-username/svelte5-sveltekit-skill.git ~/.claude/skills/svelte5-sveltekit
Usage
Once installed, Claude Code automatically uses this skill when:
- Working on Svelte 5 or SvelteKit projects
- Creating components or routes
- Implementing forms and data loading
- Asking about runes or reactivity
What's Included
- Complete guide to Svelte 5 runes
- SvelteKit routing patterns
- Form actions and validation
- State management patterns
- Performance optimization tips
- Common anti-patterns to avoid
