shadcn

Manage shadcn/ui components, presets, and registries via CLI operations.

Updated Apr 6, 2026

Search Tags:#workflow #ui #components #cli #registry #shadcn #presets

Ready to run

npx skills add https://github.com/alexwox/genesis-template --skill shadcn-alexwox

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/alexwox/genesis-template/tree/main/.cursor/skills/shadcn
Command: npx skills add https://github.com/alexwox/genesis-template --skill shadcn-alexwox

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

The shadcn Skill enables teams to centrally manage shadcn/ui components and project context, streamlining how components are added, searched, fixed, debugged, styled, and composed within a project.

Core Features & Use Cases

Provides a centralized workflow for working with shadcn/ui components, presets, and registries.
Triggers for init, creating an app with a preset, or switching to a different preset, with guidance and examples.
Supplies operation context from SKILL.md and enables integration with project configuration (e.g., components.json) to ensure deterministic UI composition.

Quick Start

Run the CLI-based instructions to initialize or adjust shadcn/ui in your project.

Frequently Asked Questions about shadcn

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

FAQPage Schema

How do I manage shadcn/ui components and project context within a codebase?▼

Manage shadcn/ui components by using a centralized workflow that integrates with project configuration like components.json, ensuring deterministic UI composition, styling, and component addition within your codebase.

How do I initialize a project with a shadcn/ui preset?▼

Initialize a project with a shadcn/ui preset by running specific CLI-based instructions that trigger the setup process, load operational context from SKILL.md, and apply the selected preset configuration to your codebase.

Can I switch to a different shadcn/ui preset in an existing project?▼

Yes, you can switch to a different shadcn/ui preset in an existing project by executing CLI tooling commands that adjust your project context and update the registry settings for your components.

What is the best way to add and debug shadcn/ui components in a registry?▼

The best way to add and debug shadcn/ui components is through a centralized workflow that leverages repository CLI tooling to search, fix, and compose components while maintaining project context across registries.

Does shadcn/ui workflow require specific configuration files for component composition?▼

Yes, shadcn/ui workflow requires integration with project configuration files, such as components.json, to ensure deterministic UI composition and proper component management across the codebase.