svelte

Community

Build blazing-fast UIs with Svelte 5's compiler magic.

Authorbobmatnyc
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Traditional reactive frameworks often incur runtime overhead, leading to larger bundles and slower performance. This skill introduces Svelte 5, a compiler-first framework that shifts work to build time, resulting in highly optimized, vanilla JavaScript components.

Core Features & Use Cases

  • Runes API: Utilizes $state, $derived, and $effect for explicit, fine-grained reactivity with minimal boilerplate.
  • Zero Runtime Overhead: Compiles components to highly optimized vanilla JavaScript, ensuring small bundles and fast execution.
  • SvelteKit Full-Stack: Provides a complete framework for SSR, SSG, and SPA, simplifying full-stack development.
  • Developer Ergonomics: Offers a simple, readable component syntax that allows you to write less code.

Quick Start

Use the svelte skill to create a new SvelteKit project and implement a reactive counter component using the $state() rune.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: svelte
Download link: https://github.com/bobmatnyc/termpilot/archive/main.zip#svelte

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.