Radix UI - Quick Reference

When to Use This Skill

• Accessible Dialog/Modal components
• Dropdown menu, Select, Popover
• Headless components to style with Tailwind

Deep Knowledge: Use mcp__documentation__fetch_docs with technology: radix-ui for comprehensive documentation.

When NOT to Use This Skill

• shadcn/ui project - Use shadcn-ui skill for pre-styled components
• Need styled components - Use Material-UI, Chakra UI, Ant Design
• Vue/Svelte projects - Use Headless UI or framework-specific libraries
• Simple use cases - Native HTML elements might suffice

Essential Patterns