Svelte

This is the Svelte 5 framework with its new Runes API, which gives you explicit reactivity through $state, $derived, and $effect instead of the old reactive declarations. The compiler still does the heavy lifting at build time, so you get tiny bundles and fast runtime performance. SvelteKit handles routing, SSR, SSG, and form actions out of the box. The two-way binding with $bindable and the fact that mutating arrays just works without spreading makes state management remarkably simple. If you want a modern reactive framework that compiles away and doesn't ship a virtual DOM, this is the obvious choice. The TypeScript support is solid and the generated types from routes are genuinely helpful.

skills.sh installs: 352
GitHub stars: 79
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add bobmatnyc/claude-mpm-skills --skill svelte --agent claude-code

Installs into .claude/skills of the current project.

Files

Svelte 5 - Compiler-First Reactive Framework

Overview

Svelte is a compiler-based reactive UI framework that shifts work from runtime to build time. Unlike React/Vue, Svelte compiles components to highly optimized vanilla JavaScript with minimal overhead. Svelte 5 introduces Runes API for explicit, fine-grained reactivity.

Key Features:

Runes API: $state, $derived, $effect for explicit reactivity
Zero runtime overhead: Compiles to vanilla JS
Built-in state management: No external libraries needed
SvelteKit: Full-stack framework with SSR/SSG/SPA
Write less code: Simple, readable component syntax
Exceptional performance: Small bundles, fast runtime

Installation:

# Create new SvelteKit project
npm create svelte@latest my-app
cd my-app
npm install
npm run dev

# Or Svelte only (no SvelteKit)
npm create vite@latest my-app -- --template svelte-ts

Svelte 5 Runes API (Modern Approach)

State Management with $state

<script lang="ts">
  // Reactive state - automatically tracks changes
  let count = $state(0);
  let user = $state({ name: 'Alice', age: 30 });

SKILL.md on GitHub

Details

Repository: github.com/bobmatnyc/claude-mpm-skills
Categories: Frontend Development, Backend & APIs
First seen: Jun 3, 2026