add-shadcn
CommunityBuild beautiful UIs with shadcn/ui.
Authormattwoodco
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill streamlines the setup of a modern design system using shadcn/ui, ensuring a consistent and accessible user interface across your project.
Core Features & Use Cases
- Design System Initialization: Integrates shadcn/ui components into your Next.js project.
- Customization: Supports custom themes and multiple component registries.
- Dark Mode Setup: Provides a complete dark mode implementation with
next-themes. - Use Case: When starting a new Next.js project and needing a robust, accessible, and customizable component library, use this skill to quickly set up shadcn/ui.
Quick Start
Run the shadcn/ui initialization command with your desired preset.
Dependency Matrix
Required Modules
next-themes
Components
scriptsreferences
💻 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: add-shadcn Download link: https://github.com/mattwoodco/skills/archive/main.zip#add-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 223,000+ vetted skills library on demand.