What problem does it solve? Building UI with shadcn/ui requires knowing the correct component APIs, composition rules, and CLI workflows; this Skill provides project-aware context, enforced styling rules, and CLI-driven workflows so components are added, updated, and composed correctly. ## Core Features & Use Cases - Component management: Search registries, add components, preview changes with --dry-run/--diff, and smart-merge upstream updates while preserving local modifications. - Enforced UI rules: Critical rules for forms (FieldGroup/Field), composition (Groups, Titles, Card structure), icons (data-icon), styling (semantic tokens, gap-, size-), and chat primitives (MessageScroller, Bubble, Attachment, Marker). - Presets and theming: Initialize projects with named presets or preset codes, apply or merge presets, and customize themes via CSS variables. - Use Case: Ask to build a settings form in a Next.js shadcn project, and the Skill reads project context (base, iconLibrary, aliases), fetches component docs, and generates code using FieldGroup, ToggleGroup, and semantic colors. ## Quick Start Ask the assistant to add a shadcn component like "add a login form block to my project" and it will use the shadcn CLI to search, preview, and install it correctly.