Can I use this for SvelteKit server-side logic?

Absolutely. It provides guidance on SvelteKit's file-based routing, PageServerLoad functions, and form actions for handling server-side data.

How does this skill handle state management?

It covers multiple approaches including Writable and Derived stores for global state, and Context APIs for scoped component state.

Does this skill support the latest Svelte 5 features?

Yes, it includes specific implementation patterns for Svelte 5 runes such as $state, $derived, $props, and $effect, along with comparisons to Svelte 4 syntax.

Does it provide patterns for testing Svelte components?

Yes, the skill includes standardized testing patterns using Vitest and Svelte Testing Library to ensure component reliability.

Svelte Development

Name: Svelte Development
Author: jkappers

byjkappers

Herramientas de Diseño

Streamlines Svelte and SvelteKit application development using best practices for components, reactivity, and routing.

Acerca de

This skill equips Claude with specialized knowledge for building robust Svelte and SvelteKit applications. It provides standardized patterns for component architecture, state management via stores, and the transition to Svelte 5 runes. By offering implementation guides for file-based routing, server-side data loading, and progressive form enhancement, it ensures that developers can build performant, type-safe web applications that adhere to modern Svelte conventions and testing standards.

Características Principales

0 GitHub stars
Component architecture and lifecycle management
SvelteKit file-based routing and server-side load functions
Unit and integration testing with Vitest and Svelte Testing Library
Svelte 5 runes ($state, $derived, $effect) and reactivity patterns
State management using writable, derived, and custom stores

Casos de Uso

Implementing complex reactive state logic across shared components
Building full-stack web applications with SvelteKit
Migrating legacy Svelte 4 codebases to Svelte 5 runes

Acerca de

Características Principales

0 GitHub stars
Component architecture and lifecycle management
SvelteKit file-based routing and server-side load functions
Unit and integration testing with Vitest and Svelte Testing Library
Svelte 5 runes ($state, $derived, $effect) and reactivity patterns
State management using writable, derived, and custom stores

Casos de Uso

Implementing complex reactive state logic across shared components
Building full-stack web applications with SvelteKit
Migrating legacy Svelte 4 codebases to Svelte 5 runes