svelte
CommunityBuild 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$effectfor 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.