shadcn-agents-component-selector

What problem does it solve?

It prevents common shadcn UI mis-selections by analyzing a plain-English UI requirement (or a draft) and recommending the correct primitive based on interaction model discrimination (gesture, blocking, trigger type, accessibility constraints).

Core Features & Use Cases

• Decision-tree validation: Classifies a requirement into the correct interaction family (modal, selector, menu, floating, notification, loading, form, table) before choosing anything.
• Wrong-then-right guidance: Detects canonical failure modes (e.g., Tooltip for interactive content, Select for searchable lists, Dialog for mobile bottom-sheets) and explains why the wrong pick fails.
• Cross-skill forwarding: Always forwards to the matching shadcn syntax/implementation skill for the recommended primitive so the user can implement it correctly next.
• Decision tables & scenarios: Applies per-family discrimination criteria and uses worked validation scenarios and anti-pattern rules to improve reliability.

Quick Start

Ask an AI assistant: “Recommend the correct shadcn component for this feature: a right-click menu on each row with Open, Rename, Duplicate, and Delete actions.”