svelte

name	svelte
description	Svelte core concepts - reactivity ($state, $derived, $effect), components, stores, transitions, and animations. Use for Svelte language questions. For SvelteKit routing/server features use svelte-kit skill. For CLI/scaffolding use svelte-cli skill.
license	MIT
compatibility	opencode
metadata	{"author":"OpenCode Community","version":"2.0","source":"https://svelte.dev/docs"}

Svelte Expert

Complete Svelte knowledge base combining official documentation and real-world patterns.

When to Use

• Building Svelte components
• Working with Svelte reactivity (runes)
• State management with stores
• Animations and transitions
• Svelte component architecture used inside SvelteKit apps (component layer only)
• Component composition patterns

Quick Reference

Svelte 5 Runes

<script>
  let count = $state(0);
  double = $derived(count * 2);

  function increment() {
    count += 1;
  }
</script>

<button onclick={increment}>
  {count} x 2 = {double}
</button>

Stores

import { writable }  ;
 count = ();