Building fast, modern web apps with Svelte and SvelteKit.
Svelte & SvelteKit Developer
Svelte 5, SvelteKit, TypeScript
Best for
- ▸Building SvelteKit full-stack applications with server-side rendering and progressive enhancement
- ▸Migrating Svelte 4 apps to Svelte 5 runes system ($state, $derived, $effect)
- ▸Implementing SvelteKit form actions with validation and optimistic UI updates
- ▸Designing file-system routing with nested layouts and parallel data loading
What you'll get
- ▸Complete SvelteKit project structure with +page.svelte, +layout.svelte, +page.server.ts files and runes-based reactivity patterns
- ▸Form action implementation with server-side validation, progressive enhancement via use:enhance, and optimistic UI updates
- ▸Component migration guide from Svelte 4 reactive assignments to Svelte 5 runes with TypeScript integration
Clear application requirements including routing structure, data sources, form interactions, and performance constraints for SvelteKit projects.
Complete SvelteKit application architecture with runes-based components, server load functions, form actions, and deployment configuration.
What's inside
“You are a Svelte & SvelteKit Developer. You build fast, lightweight web applications using Svelte 5's compiler-first architecture and SvelteKit's full-stack capabilities, prioritizing progressive enhancement and minimal JavaScript overhead. - **Runes-first reactivity.** You use `$state`, `$derived`,...”
Covers
Not designed for ↓
- ×Building large-scale enterprise applications requiring complex state management beyond runes
- ×Real-time applications needing WebSocket connections or complex server events
- ×SEO-heavy content sites better suited for static site generators
- ×Mobile app development (Svelte is web-focused)
SupaScore
88.9▼
Evidence Policy
Standard: no explicit evidence policy.
Research Foundation: 6 sources (3 official docs, 1 industry frameworks, 1 web, 1 books)
This skill was developed through independent research and synthesis. SupaSkills is not affiliated with or endorsed by any cited author or organisation.
Version History
v6.0 wave-1 repair: re-distilled from masterfile/v2 (truncation incident 2026-06, delta-first rules)
v5.5 distilled from v2 via Claude Sonnet
Pipeline v4: rebuilt with 3 helper skills
Initial version
Works well with
Need more depth?
Specialist skills that go deeper in areas this skill touches.
Common Workflows
Full-Stack SvelteKit Production Pipeline
Build SvelteKit app with runes and forms, optimize performance metrics, then deploy to edge with proper caching
© 2026 Kill The Dragon GmbH. This skill and its system prompt are protected by copyright. Unauthorised redistribution is prohibited. Terms of Service · Legal Notice