sveltekit-builder
SvelteKit Builder
Expert guidance for building production-ready SvelteKit applications with Svelte 5 runes, remote functions, and modern best practices.
When to Use This Skill
Use this skill when:
- Scaffolding new SvelteKit projects with Svelte 5
- Migrating from Svelte 4 to Svelte 5 (reactivity model changed fundamentally)
- Implementing remote functions (SvelteKit's type-safe server functions)
- Optimizing performance (bundle size, SSR, hydration, rendering)
- Applying security patterns (XSS prevention, input validation, secret management)
- Integrating recommended stack (Kysely, Better Auth, shadcn-svelte, Lucide, AI SDK)
- Code reviews where Svelte/SvelteKit patterns need validation
- Debugging reactivity issues or SSR hydration mismatches
Knowledge Base Structure
This skill contains 105+ best practice rules organized by impact and category:
More from bfmcneill/agi-marketplace
psychology-foundations
Use when you need to understand WHY certain UX patterns work. Covers cognitive psychology, behavioral science, and neuroscience foundations that underpin satisfying experiences.
13progressive-disclosure
Use when designing interfaces with complex functionality, settings panels, or expert features. Covers layering information so beginners aren't overwhelmed and experts aren't held back.
7design-patterns
Use when refactoring code or designing flexible systems. Covers creational, structural, and behavioral patterns with Python examples.
6agent-behavior
Use at the start of any coding session to establish activity tracking and working patterns. Defines how the agent should document its work and communicate progress.
3feedback-design
Use when building loading states, progress indicators, success confirmations, or error messages. Covers feedback loops and patterns that feel satisfying.
3flow-optimization
Use when designing interactions, workflows, or interfaces where user focus matters. Covers protecting flow state, reducing interruptions, and creating immersive experiences.
3