svelte

This skill should be used when the user asks to "build a page", "add a component", "create a form", "add a dialog", "set up shadcn-svelte", "add dark mode", "style with tailwind", "create a dashboard", "add a data table", or works with any UI in Svelte 5. Also trigger when the user mentions shadcn-svelte, bits-ui, Tailwind CSS, formsnap, superforms, tailwind-variants, mode-watcher, or component architecture. Even if the user doesn't explicitly mention UI libraries, use this skill whenever building visual interfaces in SvelteKit — it prevents common mistakes like using Svelte 4 syntax, wrong Tailwind v4 patterns, and poor component architecture.

This skill should be used when the user asks to "write a Svelte component", "add $state", "use $derived", "create a SvelteKit page", "add form actions", "set up remote functions", "test Svelte components", "fix Svelte antipatterns", "migrate from Svelte 4", "use attachments", "add async await to Svelte", "review .svelte files", or works with any .svelte/.svelte.ts files, runes, SvelteKit routes, or Svelte 5 patterns. This skill should also be triggered when the context involves Svelte or SvelteKit code even if the user doesn't explicitly say "Svelte" — for example when editing files with .svelte extensions or working in a SvelteKit project structure.

svelteserver