sveltekit-structure

File types: +page.svelte (page) | +layout.svelte (wrapper) | +error.svelte (error boundary) | +server.ts (API endpoint)

Safety Notice

This listing is imported from skills.sh public index metadata. Review upstream SKILL.md and repository scripts before running.

Copy this and send it to your AI assistant to learn

Install skill "sveltekit-structure" with this command: npx skills add spences10/svelte-skills-kit/spences10-svelte-skills-kit-sveltekit-structure

SvelteKit Structure

Quick Start

File types: +page.svelte (page) | +layout.svelte (wrapper) | +error.svelte (error boundary) | +server.ts (API endpoint)

Routes: src/routes/about/+page.svelte → /about | src/routes/posts/[id]/+page.svelte → /posts/123

Layouts: Apply to all child routes. +layout.svelte at any level wraps descendants.

Example

src/routes/ ├── +layout.svelte # Root layout (all pages) ├── +page.svelte # Homepage / ├── about/+page.svelte # /about └── dashboard/ ├── +layout.svelte # Dashboard layout (dashboard pages only) ├── +page.svelte # /dashboard └── settings/+page.svelte # /dashboard/settings

<!-- +layout.svelte --> <script> let { children } = $props(); </script>

<nav><!-- Navigation --></nav> <main>{@render children()}</main> <footer><!-- Footer --></footer>

Reference Files

  • file-naming.md - File naming conventions

  • layout-patterns.md - Nested layouts

  • error-handling.md - +error.svelte placement

  • svelte-boundary.md - Component-level error/pending

  • ssr-hydration.md - SSR and browser-only code

Notes

  • Layouts: {@render children()} | Errors: +error.svelte above failing route

  • Groups: (name) folders don't affect URL | Client-only: check browser

  • Last verified: 2025-01-11

Source Transparency

This detail page is rendered from real SKILL.md content. Trust labels are metadata-based hints, not a safety guarantee.

Open in GitHubOpen in ClawHub

Related Skills

Related by shared tags or category signals.

General

svelte-runes

No summary provided by upstream source.

Repository SourceNeeds Review
345-spences10
General

sveltekit-remote-functions

No summary provided by upstream source.

Repository SourceNeeds Review
259-spences10
General

soultrace

Take a personality assessment via the SoulTrace API. Use when the user wants to take a personality test, discover their psychological archetype, understand their personality traits, or get a color-based personality profile. The API uses a 5-color psychological model (White=structure, Blue=understanding, Black=agency, Red=intensity, Green=connection) with Bayesian adaptive question selection to classify users into one of 25 archetypes. Triggers on: personality test, personality assessment, what's my personality, take a quiz, archetype test, color personality, soultrace.

Repository Source
333.4K13soultrace-ai
General

azure-ai

Use for Azure AI: Search, Speech, OpenAI, Document Intelligence. Helps with search, vector/hybrid search, speech-to-text, text-to-speech, transcription, OCR. WHEN: AI Search, query search, vector search, hybrid search, semantic search, speech-to-text, text-to-speech, transcribe, OCR, convert text to speech.

Repository Source
274.6K784Microsoft