Browse 182,820 skills across 14 categories.
Write, review and migrate Svelte 5 code (svelte@5.x, checked against 5.57.3) with runes - $state, $derived, $effect, $pr...
Complete guide for Svelte 5 runes ($state, $derived, $effect, $props, $bindable). Use for any Svelte 5 project or when c...
TODO: Complete and informative explanation of what the skill does and when to use it. Include WHEN to use this skill - s...
Call the `svelte_svelte-autofixer` MCP tool before sending any Svelte code to the user. Triggers on: writing a new compo...
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating, editing or analyzing any...
CLI tools for Svelte 5 documentation lookup and code analysis. MUST be used whenever creating or editing any Svelte comp...
Generate Svelte components with TypeScript and scoped styles. Triggers on "create svelte component", "generate svelte fi...
This skill describes common patterns and my prefered style to use when editing svelte code. This could be in .svelte fil...
Use when writing or reviewing Svelte 5 or SvelteKit: runes and when not to use effects, props and snippets, keyed each b...
Guidance on writing fast, robust, modern Svelte code. Load this skill whenever in a Svelte project and asked to write/ed...
Svelte best practices for writing, editing, or reviewing Svelte/SvelteKit components and modules. Use when touching Svel...
Create distinctive, production-grade frontend interfaces with high design quality. Specialized in Svelte/SvelteKit appli...
Comprehensive Svelte development skill covering reactivity runes, components, stores, lifecycle, transitions, and modern...
Svelte 5 development with runes ($state, $derived, $effect), SvelteKit full-stack framework, and modern reactive pattern...
How to look up Svelte 5 / SvelteKit docs via MCP. Triggers on: uncertainty about Svelte 5 APIs (runes, $bindable, $deriv...
Expert Svelte/SvelteKit development assistant for building components, utilities, and applications. Use when creating Sv...
Deep Svelte 5 and SvelteKit expertise for runes reactivity, component patterns, server-side rendering, form actions, and...
Build node-based editors, interactive diagrams, and flow visualizations using Svelte Flow. Use when creating workflow ed...
Master Svelte and SvelteKit for building reactive, high-performance web applications with compile-time optimization. Use...
Expert guidance for SvelteKit 2 with Svelte 5 runes, server-side rendering, and modern patterns. Covers $state, $derived...
You're a Svelte developer who fell in love with the simplicity. You've watched
Use the Svelte MCP server tools for Svelte 5 and SvelteKit documentation, code analysis, and playground links
This skill should be used when the user mentions "Svelte", "SvelteKit", "runes", "$state", "$derived", "$effect", "$prop...
Comprehensive guide to Svelte 5 and SvelteKit development patterns. Emphasizes runes-based reactivity ($state, $derived,...
Use when building Svelte 5 or SvelteKit applications. Covers runes, SvelteKit routing and SSR, component patterns, store...
Svelte 5 runes architecture ($state, $derived, $effect), snippet templates, and universal reactivity.
Svelte 5 specialist for runes, snippets, lifecycle, universal reactivity, SvelteKit 2 load/actions/remote functions, and...
Expert guide for Svelte 5 (Runes) and SvelteKit 2+ — fine-grained reactivity, server-first architecture, form actions, a...
The reactive alternative to use: actions. Re-runs when dependencies
Analyze and implement purposeful UI animations for Svelte/SvelteKit + Tailwind projects. Specialized in Svelte transitio...
ALWAYS use this skill for ANY Svelte component styling, design, or UI work. Svelte 5 UI design system using Tailwind CSS...
Implement or extend user-facing workflows in SvelteKit applications with full-stack capabilities. Specialized in SvelteK...
Use when wiring a configured Store into Svelte root layouts, templates, and handlers. Apply svelte/store lifecycle and s...
Route migration of shared Svelte writable/readable/derived stores and $state/$derived runes to Themis Redux and sagas, i...
Start Svelte-to-Themis migrations by inventorying stores/runes and consumers, classifying state, derivations, and effect...
Use after migrating a Svelte store to remove old .store.svelte.ts files, check residual references, verify the migrated...
Use when replacing Svelte store imports and template subscriptions with Themis selector readables and dispatch. Apply ca...
Use when converting shared Svelte derived() stores, $derived runes, or getters into selectors composed through a configu...
Use when preparing an existing Svelte app for incremental migration with an empty reducer map. Route installation/import...
Use when moving domain-owned Svelte subscriptions, $effect blocks, fetches, localStorage, timers, or IPC listeners into...
Use when converting shared Svelte writable() stores or $state runes, including set/update calls, into Themis Redux actio...
Use when choosing selector call modes in Svelte components, handlers, callbacks, composition, or sagas, dispatching thro...
Use for Svelte Store selector emission coalescing, rAF scheduling, or FPS tuning. Keep scheduling owned by Store; do not...
Use when authoring or composing Svelte Store-bound selectors with store.createSelector, including collection lookups, ca...
Use for Svelte-readable Store imports and runtime lifecycle, including initialization, disposal, state, dispatch, runSag...
Use this skill for any SvelteKit-on-Cloudflare task.
Build web applications with Svelte 5 runes, SvelteKit routing, form actions, and component patterns. Use when working wi...
Svelte 5 runes syntax and patterns. Use when writing Svelte components, managing state, or working with reactive values....
Svelte 5 runes guidance. Use for reactive state, props, effects, or Svelte 4→5 migration. Covers $state, $derived, $effe...
Provides Comprehensive guide to the Svelte 5 Showcase component library with 49 production-ready components organized in...
Build full-stack web applications with SvelteKit — file-based routing, SSR, SSG, API routes, and form actions in one fra...
Expert knowledge for SvelteKit full-stack web applications with SSR, form actions, and Svelte 5 runesUse when "sveltekit...
Builds applications with SvelteKit including routing, load functions, form actions, hooks, and adapters. Use when creati...
Expert guidance for SvelteKit development with TypeScript, Tailwind CSS, SSR/SSG, and performance optimization best prac...
Use when the actual capability boundary of SvelteKit application workflows needs to be distinguished from assumptions. P...
SvelteKit data flow guidance. Use for load functions, form actions, and server/client data. Covers +page.server.ts vs +p...
Optimize SvelteKit applications by leveraging SvelteKit's full-stack architecture for instant server-side rendering and...
Use when a reproducible SvelteKit application workflows symptom needs bounded diagnosis before any corrective change. Pr...
Use when the accepted inputs or produced outputs for SvelteKit application workflows need a checkable boundary. Produce...
Generate SvelteKit page files with load functions and form actions. Triggers on "create sveltekit page", "generate svelt...
SvelteKit patterns for devhub-crm. Use for remote functions (query, form, command), routing, and server-side logic.
Use when SvelteKit application workflows must be assessed against a user- or owner-defined latency, memory, throughput,...
Comprehensive guide for building SvelteKit applications in SPA (Single Page Application) mode with client-side rendering...
Use for SvelteKit 2 + Svelte 5 + Tailwind v4 projects. Keep SSR/client boundaries and Tailwind config consistent.
Use when a SvelteKit application workflows integration or upgrade depends on compatible runtime, client, service, or art...
Set up Sveltia CMS - lightweight Git-backed CMS successor to Decap/Netlify CMS (300KB bundle, 270+ fixes). Framework-agn...
Complete Sveltia CMS skill for lightweight, Git-backed content management.Sveltia is the modern successor to Decap/Netli...
Sveltia CMS Git-backed content management (Decap/Netlify CMS successor). 5x smaller bundle (300 KB), GraphQL performance...
Use when authoring custom data viz that doesn't fit a predefined chart layout — brand-aware SVG infographics via compact...
Generate SVG diagrams from a compact DSL with brand-resolved colors. Use for charts, flows, and schematic 2D graphics.
Load this skill whenever the project contains SVG graphics — inline SVGs, external SVG files, SVG icons, SVG illustratio...
Create precise, production-ready SVG graphics for technical and business contexts (diagrams, P&IDs, HMI/SCADA widgets, p...
SVG creation, optimization, and transformation specialist. Use when creating vector graphics, optimizing SVG files with...
Create and optimize SVG graphics with proper viewBox, accessibility, and CSS styling.
Create professional SVG logos from descriptions and design specifications. Generates multiple logo variations with diffe...
This skill should be used when the user asks to "animate an SVG", "make a line draw itself on", "do a stroke draw-on / s...
Create animated SVGs with GSAP or CSS — loaders, illustrations, icon animations, and micro-interactions.
Hand-author or edit an SVG — icon, mark, illustration, diagram, animation, raster-to-vector — checked and rendered.
Animate SVG character rigs with GSAP, CSS transforms, Remotion frame control, and HyperFrames-compatible browser preview...
Apply when editing, generating, or reviewing any SVG diagram. Pixel-perfect Playwright bbox-check is the acceptance test...
Clean SVG files for UI usage. Use when asked to remove SVG comments, simplify SVG markup, or make icon color follow CSS...
Create or repair SVG diagrams without overlapping text/shapes. Use when shipping new SVGs, editing WLILO-styled diagrams...
Create handcrafted static SVG graphics and performant SVG animations — icons, illustrations, loaders, path-draw effects,...
Enhance existing SVG files by injecting CSS (themes, hover highlighting, outlines, typography tweaks) and optional eleme...
SVG diagramming conventions blending a technical look with CJK-friendly typography. Use when creating flowcharts, archit...
Generate SVG diagrams, OG images, and dynamic graphics using Satori with Tailwind CSS. Use when creating programmatic im...
정교한 SVG 아키텍처 다이어그램이 필요할 때
Create SVG images and convert them to PNG without external graphics libraries. Use when you need to generate custom illu...
When creating vector artwork, illustrations, or SVG graphics for creative expression - provides iterative drawing workfl...
Scalable, accessible, theme-aware visuals.
Generate svg icon generator operations. Auto-activating skill for Visual Content. Triggers on: svg icon generator, svg i...
Svg Icon Generator - Auto-activating skill for Visual Content.Triggers on: svg icon generator, svg icon generatorPart of...
Rule matrix negative fixture - clean SVG icon without scripts; not intended for production deployment.
Use when you need SVG diagram rules, layout patterns, or embedding guidance for slide decks and want the minimal SVG-foc...
Expert knowledge for creating hand-drawn style SVG illustrations. Activate when creating custom diagrams, working with i...