SvelteKit UI Integration

Purpose

Implement or extend user-facing workflows in SvelteKit applications, leveraging SvelteKit's full-stack capabilities including load functions, form actions, and API routes. Follow SvelteKit conventions for routing, state management, and progressive enhancement.

When to use this skill

• The feature is primarily a UI/UX change leveraging SvelteKit's architecture.
• Building progressive enhancement with server-side rendering and client-side interactivity.
• The backend contracts, auth model, and core business rules already exist or will be implemented as SvelteKit API routes.
• The change affects only the SvelteKit application (no external service changes).

Inputs

• Feature description: short narrative of the user flow and outcomes.
• Relevant APIs: endpoints, request/response types, and links to source definitions.
• Target routes/components: paths, component names, or feature modules.
• Design references: Figma links or existing screens to mirror.
• Guardrails: performance limits, accessibility requirements, and any security constraints.