shadcn-setup
✓Set up shadcn/ui component library with Tailwind CSS v4 configuration. Handles installation, initialization, theme configuration, and common component setup. Use when starting a new Next.js/React project that needs a component library.
Installation
SKILL.md
Sets up shadcn/ui with proper Tailwind CSS v4 configuration. This skill ensures you get the modern CSS-first setup, not the deprecated v3 approach.
IMPORTANT: shadcn/ui CLI and AI assistants often generate Tailwind v3 configs by default. This skill ensures:
| default | shadcn default (neutral grays) | | zinc | Zinc-based neutral | | slate | Slate-based cool neutral | | stone | Stone-based warm neutral | | gray | Pure gray | | neutral | True neutral | | red | Red primary | | rose | Rose primary | | orange | Orange primary | | green | Green primary | | blue | Blue primary | | yellow | Yellow primary |
Set up shadcn/ui component library with Tailwind CSS v4 configuration. Handles installation, initialization, theme configuration, and common component setup. Use when starting a new Next.js/React project that needs a component library. Source: shipshitdev/library.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/shipshitdev/library --skill shadcn-setup- Source
- shipshitdev/library
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is shadcn-setup?
Set up shadcn/ui component library with Tailwind CSS v4 configuration. Handles installation, initialization, theme configuration, and common component setup. Use when starting a new Next.js/React project that needs a component library. Source: shipshitdev/library.
How do I install shadcn-setup?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/shipshitdev/library --skill shadcn-setup Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/shipshitdev/library
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01