Use this when adding/updating shadcn/ui components or blocks in this monorepo (Tailwind v4, shared UI package, CSS variable theming).
Use this skill when you need to add or update UI components/blocks via the shadcn CLI, or when refactoring UI to follow the repo’s conventions.
bg-background, text-foreground, border-border, etc.@workspace/ui/*.packages/ui/src/components/* (import as @workspace/ui/components/<name>)packages/ui/src/styles/globals.cssapps/user-application/src/components/*The shadcn CLI supports monorepos. In this repo, each workspace has a components.json that tells the CLI where to write files.
pnpm dlx shadcn@latest view buttonpnpm dlx shadcn@latest search @shadcn -q "dialog"Run from the app workspace so the CLI can resolve monorepo paths correctly:
pnpm dlx shadcn@latest add button --cwd apps/user-applicationcd apps/user-application && pnpm dlx shadcn@latest add buttonNotes:
login-01) may install primitives into packages/ui and the composed block into the app.--path (and prefer app-level composition in apps/user-application/src/components).Shadcn recommends re-adding components to pick up upstream improvements. This overwrites local modifications.
pnpm dlx shadcn@latest add --all --overwrite --cwd apps/user-application@theme inline patterns.forwardRef and added data-slot attributes for styling.toast is deprecated upstream in favor of sonner.pnpm --filter @workspace/ui lintpnpm -C apps/user-application tsc --noEmitpnpm -C packages/ui tsc --noEmit