Skills
.Work. You
Rest

SvelteKit Frontend Patterns

Community

Type-safe frontend patterns for SvelteKit 5 with remote functions.

Software Engineering#frontend#forms#reactivity#sveltekit#data-loading#remote-functions
AuthorAdamAugustinsky
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill covers practical SvelteKit 5 frontend patterns, including remote function usage, reactivity, and data loading with shadcn/ui and TailwindCSS v4.

Core Features & Use Cases

  • Reactivity patterns: use state and derived values in SvelteKit components.
  • Data loading with remote functions: fetch data with proper boundaries and error handling.
  • Forms and actions: work with remote forms and enhanced submission flows.

Quick Start

Implement a pattern-driven page by wiring a remote data source (e.g., items.remote.ts) and rendering with components, including an enhanced form for submission.

Dependency Matrix

Required Modules

None required

Components

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: SvelteKit Frontend Patterns
Download link: https://github.com/AdamAugustinsky/a3-stack-kysely/archive/main.zip#sveltekit-frontend-patterns

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.