name: ask-shadcn-mechanic description: shadcn/ui maintenance, customization, layout debugging, Form/Zod wiring, and design integrity. triggers: ["fix layout", "add variant", "debug tailwind", "update shadcn", "dark mode bug", "fix form validation", "responsive shadcn issue"]

<critical_constraints> ❌ NO arbitrary inline styles (style={{...}}) → Always use Tailwind utilities and cn(). ❌ NO breaking a11y → Preserve Radix UI accessibility primitives (aria-attributes, focus management) when modifying components. ✅ MUST use class-variance-authority (cva) when expanding standard components with new visual variants. ✅ MUST verify responsive breakpoints (sm:, md:, lg:) and target dark mode (dark:) when resolving layout/color bugs. ✅ MUST utilize tailwind-merge (via cn()) gracefully when overriding styles from parent components. </critical_constraints>