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. Use asChild let:builder pattern.
  • Never pass data: myData directly to createSvelteTable — Svelte 5 runes require getter accessors or data never updates.
  • Never use @tailwind base/components/utilities in Tailwind v4.1 — directives silently do nothing; use @import "tailwindcss".
  • Never expect npm update to 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).

Library Selection

Related skills

More from acedergren/agentic-tools

Installs
8
GitHub Stars
13
First Seen
Mar 20, 2026