Sveltekit
SvelteKit is the full-stack framework for Svelte, giving you file-based routing, SSR, SSG, and form actions with progressive enhancement out of the box. Drop files in src/routes/ and you get automatic routes, use +page.server.ts for server-only data fetching with direct database access, and +page.ts when you need universal loads. The type safety is excellent with generated $types, and adapters let you deploy anywhere from Vercel to Cloudflare Workers. The streaming promise pattern is clever: return immediate data alongside async promises and SvelteKit handles the loading states. If you're building anything from a marketing site to a full app with forms and APIs, this gives you the flexibility to do SSR, SSG, or SPA mode per route.
- skills.sh installs
- 452
- GitHub stars
- 79
- last updated
- Aug 21, 2026
Install
$ npx -y skills add bobmatnyc/claude-mpm-skills --skill sveltekit --agent claude-codeInstalls into .claude/skills of the current project.
Files
SvelteKit - Full-Stack Svelte Framework
Overview
SvelteKit is the official full-stack framework for Svelte, providing file-based routing, server-side rendering (SSR), static site generation (SSG), form handling with progressive enhancement, and deployment adapters for any platform.
Key Features:
- File-based routing: Automatic routes from
src/routes/directory structure - Load functions: Type-safe data fetching (
+page.ts,+page.server.ts) - Form actions: Native form handling with progressive enhancement
- SSR/SSG/SPA: Flexible rendering modes with per-route control
- Adapters: Deploy to Vercel, Netlify, Node.js, Cloudflare, and more
- TypeScript-first: Generated types from
$typesfor type safety - Hooks: Middleware-like
handle,handleError,handleFetch - API routes:
+server.tsfiles for REST endpoints
Installation:
# Create new SvelteKit project
npm create svelte@latest my-app
cd my-app
npm install
npm run dev -- --open
# Templates: skeleton, demo app, library
# Choices: TypeScript, ESLint, Prettier, Playwright, Vitest
Project Structure
Standard SvelteKit Layout
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/bobmatnyc/claude-mpm-skills
- Category
- Frontend Development
- First seen
- Jun 3, 2026
More from bobmatnyc/claude-mpm-skills
All 158- Digitalocean Management451
- Hono Rpc450
- Flask449
- Hono Middleware444
- Golang Cli Cobra Viper438
- Dependency Audit434
- Wordpress Plugin Fundamentals434
- Phoenix Liveview432
- Wordpress Testing Qa430
- Digitalocean Compute429
- Database Migration427
- Hono Testing422
- Golang Observability Opentelemetry421
- Shadcn Ui421
- Golang Concurrency Patterns420
- Digitalocean Overview419
- Hono Validation419
- Digitalocean Networking415
- Digitalocean Storage414
- Golang Database Patterns414
- Openrouter413
- Digitalocean Managed Databases404
- Verification Before Completion401
- Test Driven Development400
Recommended
More Frontend Development
figmahoodini/ai-agents-skillsIntegrate with Figma API for design automation and code generation. Use when extracting design tokens, generating React/CSS code from Figma components, syncing 450skills.sh installs
define-architecturemblode/agent-skillsGenerates folder structures, module contracts, middleware pipelines, and frontend/backend boundaries for TypeScript full-stack applications, and finds domain-in448skills.sh installs
getdesignmohtashammurshid/getdesignTurn any public URL into a production-grade 9-section design.md spec (colors, typography, components, layout, depth, motion, responsive, prompt guide) using the448skills.sh installs
d3-vizdavila7/claude-code-templatesCreating interactive data visualisations using d3.js. This skill should be used when creating custom charts, graphs, network diagrams, geographic visualisations445skills.sh installs
flutter-uidhruvanbhalara/skillsBuild performant, accessible UIs with strict design tokens and reusable widget patterns. Use when implementing layouts, responsive breakpoints, theming, widget 435skills.sh installs
icon-designjezweb/claude-skillsSelect semantically appropriate icons for websites using Lucide, Heroicons, or Phosphor. Covers concept-to-icon mapping, React/HTML templates, and tree-shaking 428skills.sh installs