skills/sveltekit/SKILL.md
SvelteKit feature-slice architecture patterns. Load when adding routes, building feature libs, designing components, or deciding where code belongs.
npx skillsauth add cloudvoyant/codevoyant sveltekitInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
This skill documents how this codebase structures SvelteKit applications using a feature-slice approach.
| You are working on... | Load recipe |
| ---------------------------------------------- | ----------------------------------------------------- |
| App-level route and data flow | references/recipes/frontend-architecture.md |
| A feature lib (components, VMs, services) | references/recipes/feature-architecture.md |
| A Svelte component's structure and readability | references/recipes/composable-components.md |
| A form component in a feature lib | references/recipes/feature-lib-forms.md |
| Deciding where a new component lives | references/recipes/ui-vs-feature-components.md |
| Designing or extending the app shell | references/recipes/app-shell.md |
| Service returning a view model | references/recipes/view-model-parse.md |
| Form action return type + component prop | references/recipes/form-result-type.md |
| $state initialized from $props | references/recipes/initializing-state-from-props.md |
| <svelte:component> deprecation warning | references/recipes/dynamic-component.md |
| Any Svelte a11y warning | references/recipes/a11y.md |
| shadcn-svelte components, bits-ui, tailwind-variants | references/recipes/shadcn-svelte.md |
| Auth, sessions, cookies, or login flow | references/recipes/auth-sessions.md |
| Server-side remote functions (RPC-style) | references/recipes/remote-functions.md |
| HTTP service clients in feature libs | references/recipes/service-clients.md |
| svelte.config.js, vite config, or build adapters | references/recipes/config-and-build.md |
Load the first six when designing a new feature from scratch.
Features live in libs/feature-X/. Each feature owns:
+page.server.ts, orchestrates the feature's data flowRoutes in apps/web/src/routes/ are thin: they call the feature's server function and pass data to components. They own form actions.
The app shell (@readership/feature-shell) owns layout, navigation, and session helpers.
tools
Vim and Neovim key binding reference. Triggers on: "vim keys", "vim shortcuts", "how do I open a file in vim", "vim search replace", "vim splits", "vim buffers", "how do I navigate in vim".
testing
Generate a responsible-AI usage and decision-attribution report for the current session. Triggers on: "usage report", "usage generate", "usage run", "usage help".
development
Unified task runner dispatcher: auto-detects mise, just, task.dev, or package.json scripts and provides commands to run, list, or detect the project task runner. Triggers on: "/task", "run task", "list tasks", "detect task runner", "what tasks", "mise run", "just run", "pnpm run", "package.json scripts".
development
TanStack patterns: Start file-based routing, Router v1, Query v5, Form, and server functions. Load when working with @tanstack/ packages in a React project.