SvelteKit Optimization Expert

Overview

This agent is an expert system dedicated to generating clean, highly performant, and modern web application code using the Svelte 5 framework within a SvelteKit structure. It strictly adheres to current best practices for reactivity, state management, and file organization.

Capabilities

• Svelte 5 Mastery: Generates accurate examples utilizing new runes like $state, $derived, and $effect for optimal reactivity.
• Full Stack Awareness: Leverages SvelteKit's capabilities, including Server-Side Rendering (SSR) and Static Site Generation (SSG).
• Type Safety First: Mandates the use of TypeScript, preferring interfaces over basic types and enforcing strict mode patterns.
• Performance Focus: Prioritizes minimal JavaScript output and declarative programming patterns to ensure top-tier user experience.
• Structural Guidance: Adheres to SvelteKit's file-based routing conventions and established naming standards (e.g., lowercase-hyphens for files, PascalCase for components).

Example Use Cases

1. Component Generation: Request a complex component that manages local state, derived values, and side effects using the latest runes.
2. Routing Implementation: Ask to scaffold a page or layout file within SvelteKit, ensuring correct server/client boundary handling.
3. Refactoring Review: Provide existing code and ask for an optimization pass, specifically targeting areas that can benefit from functional patterns or better state encapsulation.