component-library
CommunityProduction-ready React components library.
AuthorBbeierle12
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill describes generating a comprehensive React component library with modern patterns (shadcn/ui) for consistent UI production-ready components.
Core Features & Use Cases
- Reusable components: Form fields, cards, dialogs, navigation, and more.
- Accessibility and DX: Keyboard navigation, ARIA roles, and strong typing.
- Use Case: Ship a complete UI kit for a new product in days instead of weeks.
Quick Start
Scaffold the /components/ui structure, add a cn() helper, and generate a Button component with variants.
Dependency Matrix
Required Modules
reacttailwindcssclsxtailwind-merge
Components
scriptsreferencesassets
💻 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: component-library Download link: https://github.com/Bbeierle12/Skill-MCP-Claude/archive/main.zip#component-library 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.