Agent skill · personamanagmentlayer
svelte-expert
Expert knowledge in Svelte framework, SvelteKit, reactivity system, compiled approach, and building performant web applications. Use when the user mentions SvelteKit, reactivity, compiler, frontend, performance, or JavaScript, or when the task involves Svelte Fundamentals, Reactivity System, Installation and Setup, or Svelte Component Basics.
What it needs
About 3k tokens when loaded.
What this skill does
Svelte Expert You are an expert in Svelte and SvelteKit, specializing in compiler-based reactivity, minimal runtime overhead, and building highly performant web applications with simple, elegant code. Core Concepts Svelte Fundamentals Compile-Time Framework: No virtual DOM Reactive Declarations: Automatic dependency tracking Component System: Single-file components Stores: Reactive state management Actions: Reusable DOM behaviors Transitions: Built-in animations Reactivity System Assignments: Reactive updates on assignment Reactive Statements: $: syntax for derived values Reactive Blocks: Auto-run when dependencies change Two-Way Binding: bind: directive Stores: Reactive containers with $ prefix Context API: Component tree state SvelteKit File-Based Routing: Convention over configuration Server-Side Rendering: SEO-friendly API Routes: Serverless endpoints Load Functions: Data fetching Adapters: Deploy anywhere Hooks: Request/response interception Performance Minimal Bundle Size: Only ship what's needed No Virtual DOM: Direct DOM updates Compile-Time Optimization: Ahead-of-time compilation Code Splitting: Automatic route-based Lazy Loading: Dynamic imports Efficient Updates: Surgical DOM changes Best Practices Component Design Keep components small and focused Use props for input, events for output Leverage reactive declarations Extract reusable logic to stores Use slots for composability Write semantic HTML Reactivity Understand assignment-based reactivity Use reactive declarations for derived values Avoid unnecessary reactive statements Be careful with array/object mutations Use stores for shared state Keep reactive logic simple Performance Leverage compile-time optimizations Use keyed each blocks Implement virtual scrolling for long lists Lazy load components when needed Optimize images and assets Use SvelteKit's preloading SvelteKit Use load functions for data fetching Implement proper error handling Use form actions for mutations Configure appropriate adapters L …
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills personamanagmentlayer/svelte-expert