building-with-shadcn
CommunityBuild accessible React UIs with shadcn/ui.
Authordoanchienthangdev
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the process of building accessible and modern user interfaces in React applications by leveraging the shadcn/ui component library, which is built on Radix primitives and integrates seamlessly with React Hook Form.
Core Features & Use Cases
- Component Library: Provides pre-built, customizable UI components like buttons, cards, forms, and dialogs.
- Accessibility: Built with accessibility best practices in mind, ensuring inclusive design.
- Form Integration: Simplifies form creation and validation using React Hook Form and Zod.
- Use Case: Quickly scaffold a user registration form with input validation, a modal for editing profile details, or a dashboard with various data display components.
Quick Start
Initialize shadcn/ui in your project and add the button, card, form, input, and dialog components.
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: building-with-shadcn Download link: https://github.com/doanchienthangdev/omgkit/archive/main.zip#building-with-shadcn 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 471,000+ vetted skills library on demand.