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.
Use when running an annual SaaS audit, doing category-level spend review, or rationalizing the supplier base — when the user needs a spend audit, spend categorization (UNSPSC-aligned with Pareto breakdown and industry profiles), purchasing-cycle analysis (bottleneck categories per Goldratt's Theory of Constraints), or risk-balanced supplier consolidation that refuses single-source recommendations for tier-1 categories without a documented break-glass plan. Triggers on "spend audit", "SaaS audit", "spend categorization", "supplier rationalization", "supplier consolidation", "category strategy", "duplicate SaaS", "renewal cluster".
Implement Stripe Checkout sessions, webhook verification, customer portals, idempotency keys, and subscription billing.
Architect blazingly fast, memory-safe web services using Rust, Axum, Tokio async runtime, and Tower middleware.