Skills
.Work. You
Rest

shadcn-component-installer

Community

Install and verify shadcn/ui components via CLI

Software Engineering#CLI#tailwind#shadcn#ui-components#install#dialog#button
Authordanghungtb26
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This skill ensures proper installation and verification of shadcn/ui components using the official CLI. It prevents manual component creation and guarantees correct configuration, dependencies, and styling integration.

Core Features & Use Cases

  • Install components via pnpm dlx shadcn@latest add <component> (CLI-driven)
  • Verify that components are installed under src/components/atoms/ and that required Radix and Tailwind integrations are configured
  • Use cases: quickly add button, dialog, table, or form components to an existing project with correct styling

Quick Start

pnpm dlx shadcn@latest add button pnpm dlx shadcn@latest add dialog pnpm dlx shadcn@latest add table Verify installation by checking: src/components/atoms/<component-name>.tsx and ensure dependencies in package.json

Dependency Matrix

Required Modules

None required

Components

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: shadcn-component-installer
Download link: https://github.com/danghungtb26/admin-react-typescript-template/archive/main.zip#shadcn-component-installer

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.