shadcn

Manage shadcn/ui components and presets across React projects via CLI.

Updated Jun 2, 2026
One-click install
npx skills add https://github.com/neilsanghrajka/drip --skill shadcn-neilsanghrajka
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/neilsanghrajka/drip/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/neilsanghrajka/drip --skill shadcn-neilsanghrajka

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Streamlines the management of shadcn/ui components and project presets, enabling teams to scaffold, search, document, and apply UI patterns consistently across projects.

Core Features & Use Cases

  • Centralized CLI-driven workflow for adding, viewing, and applying shadcn components and presets.
  • Provides project context (aliases, framework, Tailwind version) to ensure correct integration.
  • Triggers for common commands like "shadcn init" or "apply --preset" to bootstrap or switch UI styles.

Quick Start

Initialize a project with shadcn/ui by running npx shadcn@latest init.

Frequently Asked Questions about shadcn

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add shadcn/ui components to an existing React project?

To apply shadcn/ui presets, trigger the apply --preset command. The Skill coordinates with your project context to switch or bootstrap UI styles consistently across your application, reading configuration from components.json.

How do I initialize shadcn/ui in a new project?

You can initialize shadcn/ui by running npx shadcn@latest init. The Skill coordinates this setup workflow, validating dependencies and reading project context like aliases and Tailwind version to scaffold UI components correctly.

What is the best way to manage shadcn/ui components across multiple projects?

Yes, shadcn/ui works with Vite, Next.js, and other supported frameworks. The Skill applies shadcn/ui components by reading project context such as aliases, framework, and Tailwind version, validating dependencies and registries for correct integration.

How do I view shadcn/ui components before adding them to my project?

You can view shadcn/ui components before adding them using the safe view command. The Skill coordinates this workflow, allowing you to preview components and validate dependencies against your project context before committing changes.

Does the shadcn CLI support safe operations like dry-run and diff?

Yes, the shadcn CLI enforces safe operations including dry-run, diff, and view commands. This allows you to preview component changes and validate dependencies before applying them directly to your project context.