svelte5-runes

Files (2)

• SKILL.md
• test-cases.json

SKILL.md (first lines)

# Svelte 5 Runes Skill

This skill helps with Svelte 5 development using the new runes API.

## Capabilities

- Create reactive state with `$state`
- Derive computed values with `$derived`
- Handle side effects with `$effect`
- Define component props with `$props`
- Migrate Svelte 4 code to Svelte 5 runes syntax

## Use When

- Creating new Svelte 5 components
- Converting Svelte 4 reactive declarations to runes
- Working with reactive state management in Svelte
- Implementing derived/computed values
- Setting up side effects and cleanup

## Examples

```svelte
<script>
  let count = $state(0);
  let doubled = $derived(count * 2);

  $effect(() => {
    console.log('Count changed:', count);
  });
</script>

<button onclick={() => count++}>
  Count: {count}, Doubled: {doubled}
</button>
```

From SeleznovIvan/claude-skills-test, MIT.

More from SeleznovIvan/claude-skills-test