shadcn-lumalisted

# shadcn/ui — Luma style (v2, studio-wide) ## The failure this skill prevents Agents run `npx shadcn@latest init` or `add <component>` with defaults, get the default/new-york style, and call it done. **Luma is a distinct shadcn style applied via a preset — it changes component GEOMETRY and SPACING, not only theme colors.** A component that compiles and renders is NOT proof it's Luma-styled. ## Step 0 — Verify before installing anything (always) 1. Read the project's `docs/DESIGN.md` — it holds project-specific overrides (e.g. consulenza360: operational density and 44–52px rows take priority over Luma airiness). The skill is the procedure; DESIGN.md is the knowledge. 2. Open `components.json` at repo root. Confirm the project's Luma configuration is in place (style/preset recorded there or in DESIGN.md). If it shows plain `default` / `new-york` with no Luma preset applied → Luma is NOT applied; do not add components on top. Fix per the right step below, or escalate. 3. Spot-check the global CSS: Luma ships its own CSS variable set. Stock shadcn defaults = Luma not applied. ## Step 1 — New project setup (greenfield only) Use shadcn/create or the shadcn CLI with the Vite template, Radix base, and the **current** Luma preset code generated by shadcn/create. The Luma preset code has been `b2D0wqNxT`, but ALWAYS verify the current code on shadcn/create before running: ```bash npx shadcn@latest init --template vite --base radix --preset b2D0wqNxT # pick Ra