sveltekit

Codify SvelteKit routing, layouts, data loading, authentication, and SSR patterns.

40|6|Updated Dec 4, 2025

Search Tags:#authentication #routing #ssr #sveltekit #layouts #data-loading

Ready to run

npx skills add https://github.com/joshuadavidthomas/agent-skills --skill sveltekit-joshuadavidthomas

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: sveltekit
Source: https://github.com/joshuadavidthomas/agent-skills/tree/main/sveltekit
Command: npx skills add https://github.com/joshuadavidthomas/agent-skills --skill sveltekit-joshuadavidthomas

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

SvelteKit projects often require a cohesive set of patterns for routing, layouts, data loading, authentication, form handling, and SSR. This skill compiles those concepts into a structured guide to help teams adopt consistent, production-ready practices.

Core Features & Use Cases

Clear guidance on implementing common SvelteKit patterns across pages and layouts.
Best practices for load functions, actions, route groups, and progressive enhancement.
Real-world scenarios and templates to accelerate development and reduce boilerplate.

Quick Start

Open this Skill and follow its examples to implement SvelteKit patterns in your app.

Frequently Asked Questions about sveltekit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I structure SvelteKit routing and layouts for a production app?▼

SvelteKit routing and layouts are structured using +page, +layout, +server, and route group files to organize page-level and layout-level concerns across typical project structures. This skill codifies consistent patterns for implementing them.

What's the best way to implement authentication in SvelteKit?▼

Authentication in SvelteKit is best implemented by codifying load functions and server-side logic within +server files to protect routes. This skill compiles production-ready practices for securing server-rendered and client-side apps.

How do SvelteKit load functions and SSR patterns work together?▼

SvelteKit load functions fetch data before rendering, working with SSR patterns to deliver server-rendered HTML to the client. This skill explains how to pair data loading with SSR across pages and layouts.

Can I use SvelteKit route groups to organize complex project structures?▼

Yes, SvelteKit route groups allow you to organize complex project structures without affecting the URL path. This skill provides templates and real-world scenarios to help manage layouts and data loading within route groups.

How to handle form actions and progressive enhancement in SvelteKit?▼

Handling form actions in SvelteKit involves defining actions in +page files and applying progressive enhancement techniques for client-side interactions. This skill provides best practices to reduce boilerplate and accelerate development.