svelte-sveltekit

Installation
SKILL.md

Svelte + SvelteKit

Work from current Svelte 5 and current SvelteKit idioms. Optimize for code that is easy to reason about under SSR, hydration, and navigation.

Do not spend time explaining basic syntax unless the user asks. Focus on architectural choices, caveats, and the shortest correct implementation.

Workflow

  1. Establish the local style before changing code.
  • Inspect package.json, svelte.config.*, route layout, and nearby components.
  • Prefer the repo's existing conventions in touched files unless the task is an explicit migration.
  • For new code, default to runes mode and current SvelteKit APIs.
  1. Choose the right boundary before writing code.
  • Put server-only work in +page.server.*, +layout.server.*, +server.*, hooks, or $lib/server/*.
  • Put reusable view logic in components, not route files.
  • Keep route data flow obvious: params -> load/action -> typed props -> component.
  1. Solve data flow first, then UI details.
Related skills

More from sjunepark/custom-skills

Installs
15
First Seen
Mar 15, 2026