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.Master Svelte 5 fine-grained universal reactivity using $state, $derived, $effect, and snippet composition.
Svelte 5 Runes Architecture works seamlessly with Cursor (.cursor/rules), Claude Code (CLAUDE.md & .claude/skills), Windsurf (.windsurfrules), Google Antigravity (.agent/skills), Andromity (.andromity/skills), and Cline.
Click '1-Click Prompt Install' in the right sidebar or copy the prompt into your agent chat (Cursor Composer, Claude Code, or Andromity). The agent automatically configures the skill instruction file into your workspace.
Yes, Svelte 5 Runes Architecture is 100% free and open-source under the mit license on AgenticMarket with no per-call fees or paywalls.
Master React Server Components, Server Actions, parallel routes, streaming, ISR, and cache revalidation.
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.