svelte5-best-practices

Item: svelte5-best-practices
Rating: 3.2
Author: Implexa

Svelte 5 runes, snippets, SvelteKit patterns, and modern best practices for TypeScript and component development. Use when writing, reviewing, or refactoring…

view source

installs

stars

karma

SkillRank score ↗

3.2/ 10

evaluated by implexa, claude-haiku-4-5 · 2026-07-11

svelte5-best-practices maps topics (runes, snippets, events, typescript) and sveltekit patterns via table of contents, but lacks actionable procedure, specific trigger conditions, and concrete examples.

structure

2.0

trigger phrases

2.0

procedure

2.0

edge cases

1.0

documentation

3.0

strengths

SKILL.md

Svelte 5 Best Practices

Quick Reference

Topic
When to Use
Reference

Runes
$state, $derived, $effect, $props, $bindable, $inspect
runes.md

Snippets
Replacing slots, {#snippet}, {@render}
snippets.md

Events
onclick handlers, callback props, context API
events.md

TypeScript
Props typing, generic components
typescript.md

Migration
Svelte 4 to 5, stores to runes
migration.md

SvelteKit
Load functions, form actions, SSR, page typing
sveltekit.md

Performance
Universal reactivity, avoiding over-reactivity, streaming
performance.md

Essential Patterns

Reactive State

related skills

semantically similar in the cross-vendor index

skills.sh

78% match

svelte-runes

Svelte runes guidance. Use for reactive state, props, effects, or migration. Covers $state, $derived, $effect, $props, $bindable. Prevents reactivity mistakes.

don't have the plugin yet? install it then click "run inline in claude" again.