shadcn-svelte
Installation
SKILL.md
shadcn-svelte Expert Guidance
Assumption: You know how to run npx shadcn-svelte@latest add. This skill covers what the docs won't tell you.
NEVER
- Never destructure Bits UI builders at module level (
const { trigger } = Dialog) — builders are reactive objects, destructuring captures stale references. UseasChild let:builderpattern. - Never pass
data: myDatadirectly tocreateSvelteTable— Svelte 5 runes require getter accessors or data never updates. - Never use
@tailwind base/components/utilitiesin Tailwind v4.1 — directives silently do nothing; use@import "tailwindcss". - Never expect
npm updateto patch shadcn components — they're forked into your codebase; you own maintenance. - Never start with TanStack Table for a simple display table — the complexity cliff is steep (each feature adds 100–200 lines).