Svelte 5 Runes Guide
Modern Svelte 5 patterns:
- Use
$state(initialValue)for reactive state variables. - Use
$derived(expression)for computed values. - Restrict
$effectstrictly to DOM side-effects and cleanup.
Master Svelte 5 fine-grained universal reactivity using $state, $derived, $effect, and snippet composition.
Andromity loads skills from folders you trust. Install with andromity skill install svelte-5-runes — autonomy and approval limits stay configurable per session.
# Install the "Svelte 5 Runes Architecture" skill You are installing an AgenticMarket skill into this workspace. Follow these steps exactly. ## 1. Detect your environment and choose the destination file - Andromity: `.andromity/skills/svelte-5-runes/SKILL.md` (or user scope `~/.andromity/skills/svelte-5-runes/SKILL.md`) - Antigravity / Gemini CLI: `.agent/skills/svelte-5-runes/SKILL.md` - Cursor: `.cursor/rules/svelte-5-runes.mdc` - Claude Code: append to `CLAUDE.md` (or `.claude/skills/svelte-5-runes.md`) - Windsurf: append to `.windsurfrules` - Cline / Roo Code: `.clinerules/svelte-5-runes.md` - GitHub Copilot: append to `.github/copilot-instructions.md` - ChatGPT / web only: paste the content into Custom Instructions - Any other agent: save to `.agent/skills/svelte-5-runes/SKILL.md` ## 2. Create the destination file - Preserve every existing file and configuration entry. - Create parent folders as needed. - Never overwrite unrelated content. ## 3. Write exactly this content ```markdown --- name: svelte-5-runes description: "Master Svelte 5 fine-grained universal reactivity using $state, $derived, $effect, and snippet composition." author: community license: mit version: 1.0.0 --- # Svelte 5 Runes Guide Modern Svelte 5 patterns: - Use `$state(initialValue)` for reactive state variables. - Use `$derived(expression)` for computed values. - Restrict `$effect` strictly to DOM side-effects and cleanup. ``` ## 4. Verify - Confirm the file exists and is readable. - Report the destination path and confirm the "Svelte 5 Runes Architecture" skill is installed and active. Skill metadata: - Slug: svelte-5-runes - Category: development - License: mit - Source: AgenticMarket
Modern Svelte 5 patterns:
$state(initialValue) for reactive state variables.$derived(expression) for computed values.$effect strictly to DOM side-effects and cleanup.Implement Stripe Checkout sessions, webhook verification, customer portals, idempotency keys, and subscription billing.
Design type-safe database schemas, execute optimized relational queries, and manage migrations across SQLite, Postgres, and D1.
Master React Server Components, Server Actions, parallel routes, streaming, ISR, and cache revalidation.