Component Explorer -- Navigating the UI Library

Help the designer understand what components exist, how they look, what variants they have, and where to find them. Describe everything in visual terms, not code terms.

Triggers

Activate when the designer asks:

• "Show me all the buttons"
• "What components do we have?"
• "Where is the sidebar?"
• "Find the engagement card"
• "What does the badge look like?"
• "List all the form inputs"
• "Explore the design system"
• "What can I use for [purpose]?"