shadcn-builder
CommunityBuild Shadcn UI with Tailwind v4.
AuthorArnutt-N
Version1.0.0
Installs0
System Documentation
What problem does it solve?
HR-IMS frontend teams spend significant time creating and styling UI components from scratch, leading to inconsistency and duplication. This skill standardizes the process by providing a Shadcn UI builder with Tailwind CSS v4 templates to accelerate development and maintain design coherence.
Core Features & Use Cases
- Reusable templates for common components (data tables, forms, dialogs, badges) that align with project patterns.
- Tailwind CSS v4 integration with Shadcn UI to ensure accessibility and Thai/English content support.
- Use cases include building dashboards, forms, cards, and modals across HR-IMS.
Quick Start
Install the Shadcn UI components into your Next.js project and start using the ready-made templates.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 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: shadcn-builder Download link: https://github.com/Arnutt-N/hr-ims/archive/main.zip#shadcn-builder 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.