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

0•

Developer Tools

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

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.

Key Features

010 GitHub stars

02Component architecture and lifecycle management

03SvelteKit file-based routing and server-side load functions

04Unit and integration testing with Vitest and Svelte Testing Library

05Svelte 5 runes ($state, $derived, $effect) and reactivity patterns

06State management using writable, derived, and custom stores

Use Cases

01Implementing complex reactive state logic across shared components

02Building full-stack web applications with SvelteKit

03Migrating legacy Svelte 4 codebases to Svelte 5 runes

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jkappers/claude-code-software-delivery-plugin developing-svelte

For use in Claude.ai and ChatGPT

Download Skill