radix-ui-patterns
OfficialAccessible UI primitives with Radix.
AuthorMolcajeteAI
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill provides pre-built, accessible UI component patterns using Radix UI primitives, saving developers time and ensuring a high standard of accessibility in interactive elements.
Core Features & Use Cases
- Accessible Components: Implements common UI patterns like Modals, Dropdowns, Tabs, Selects, and Tooltips with built-in accessibility features.
- Developer Efficiency: Offers ready-to-use TypeScript code examples that can be integrated directly into projects.
- Use Case: When building a new feature that requires a modal dialog or a dropdown menu, use this Skill to quickly generate the component structure, ensuring it's keyboard-navigable and screen-reader friendly.
Quick Start
Use the radix-ui-patterns skill to generate a basic modal component.
Dependency Matrix
Required Modules
None requiredComponents
references
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: radix-ui-patterns Download link: https://github.com/MolcajeteAI/plugin/archive/main.zip#radix-ui-patterns Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.