svelte

name	svelte
description	Svelte 5 component and state-module patterns for Epicenter apps. Use when editing `.svelte`, `.svelte.ts`, or Svelte UI state code involving runes, `$props`, snippets, keyed lifecycles, `{#await}`, TanStack Query, `SvelteMap`/`SvelteSet`, `createSubscriber`, `$state.raw`, shadcn-svelte, or workspace observers.

Svelte Guidelines

Keep the first pass focused on Svelte runes, component lifecycle, workspace-backed state, TanStack Query usage, and local UI composition.

Reference Repositories

• Svelte: Svelte 5 framework with runes and fine-grained reactivity
• shadcn-svelte: Port of shadcn/ui for Svelte with Bits UI primitives
• shadcn-svelte-extras: Additional components for shadcn-svelte

Source Checks

• Check Svelte $props, $bindable, and snippets before changing prop ownership, bind: APIs, or children snippet typing rules.
• Check Svelte {#key}, {#await}, and lifecycle hooks before changing keyed resource or async readiness guidance.
• Check Svelte {@attach}, use:, and svelte/attachments before changing reusable DOM behavior, actions, or attachment guidance.