# Svelte5 Runes

> Svelte 5 Runes

- Skill: `comeonoliver/svelte5-runes` (Agent Skill)
- Install (CLI): `npx skillmds@latest add comeonoliver/svelte5-runes`
- Raw SKILL.md: https://api.skillmd.com/api/skills/comeonoliver/svelte5-runes/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: ComeOnOliver (https://skillmd.com/u/comeonoliver)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/comeonoliver/svelte5-runes

---

# Svelte 5 Runes

## Reactivity
```svelte
<script>
let count = $state(0);
let doubled = $derived(count * 2);
$effect(() => { console.log('Count:', count); });
</script>
<button onclick={() => count++}>{count} (doubled: {doubled})</button>
```

## Props
```svelte
<script>
let { name, age = 25 }: { name: string; age?: number } = $props();
</script>
```

## Stores (shared state)
```typescript
// stores.svelte.ts
class CounterStore {
    count = $state(0);
    increment() { this.count++; }
}
export const counter = new CounterStore();
```