shadcn

Manage shadcn/ui components via CLI and components.json workflows.

Updated May 14, 2026
One-click install
npx skills add https://github.com/LeroyAdonis/vector --skill shadcn-leroyadonis
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/LeroyAdonis/vector/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/LeroyAdonis/vector --skill shadcn-leroyadonis

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Centralize and streamline the management of shadcn/ui components across a project, enabling consistent addition, search, fixes, debugging, styling, and composition with project context and usage examples.

Core Features & Use Cases

  • Provides project context, component docs, and usage examples for shadcn/ui work.
  • Supports working with component registries, presets, and --preset codes, and tracking a project's components.json automatically.
  • Triggers for initialization and preset switching (e.g., "shadcn init", "create an app with --preset", or "switch to --preset").

Quick Start

Initialize your project with shadcn and apply or switch presets to begin using the UI components.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I add and manage shadcn/ui components in an existing project?

To manage shadcn/ui components, coordinate CLI-based actions via npx shadcn@latest to add, search, fix, debug, and style UI components while tracking your project's components.json configuration automatically.

How does the shadcn/ui component registry and preset system work?

The component registry system works by tracking components.json to manage UI components, supporting registries, presets, and --preset codes to initialize or switch project styling configurations and design-system usage.

Can I use this to initialize a new app and switch shadcn presets?

Yes, you can use this to initialize a new app and switch shadcn presets. It triggers for initialization and preset switching when commands like "shadcn init" or "switch to --preset" are executed.

What is the best way to debug and style shadcn/ui components across a project?

The best way to debug and style shadcn/ui components is to centralize management using project context, component docs, and usage examples to guide best practices for UI composition, theming, and design-system usage.