0 svelte rules available
Browse optimized Kiro rules specifically designed for Svelte development. These rules help Kiro's AI understand Svelte best practices and patterns.
Svelte's compiler-based approach and reactive assignments are unique in the frontend ecosystem. AI rules for Svelte need to understand reactivity triggers, proper store usage, and the distinction between Svelte components and SvelteKit pages. Well-configured rules help generate code that leverages Svelte's simplicity.
When configuring Kiro for Svelte development, consider these recommendations:
Svelte rules focus on reactive statements, store patterns, and SvelteKit server-side features. Many include patterns for Svelte 5's new runes system and enhanced reactivity model.
Most rules work for both, but SvelteKit-specific features like load functions and form actions require rules tagged with 'sveltekit'. Pure Svelte rules focus on component patterns.
Look for rules tagged with 'svelte5' or 'runes' for the new $state, $derived, and $effect patterns. These represent a significant change from Svelte 4's reactive declarations.
Svelte rules include TypeScript support via lang='ts' in script tags and proper typing for props, events, and stores. SvelteKit rules also cover typed load functions.
Create your own Kiro rules for Svelte and share with the community.