shadcn

Manage shadcn/ui components and presets via npx shadcn@latest.

1|1|Updated Apr 21, 2026
One-click install
npx skills add https://github.com/luizvergennes/template --skill shadcn-luizvergennes
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/luizvergennes/template/tree/main/.claude/skills/shadcn
Command: npx skills add https://github.com/luizvergennes/template --skill shadcn-luizvergennes

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill centralizes the management of shadcn/ui components and project presets, enabling teams to consistently add, search, fix, debug, style, and compose UI across projects. It provides a unified context, component docs, and practical usage examples to accelerate development.

Core Features & Use Cases

  • Central project context and documentation for shadcn/ui, registries, and presets.
  • Support for common workflows such as initializing apps with presets, applying presets to existing projects, and switching presets.
  • Surface usage examples and guidance that can be loaded into the active context during development.

Quick Start

Run the shadcn workflow by initializing or applying a preset to your project.

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 project?

You can add shadcn/ui components to an existing project by executing CLI-driven interactions via npx shadcn@latest. This workflow automates component management, searches registries, and applies presets directly to your repository context.

What is a shadcn/ui preset and when do I need to apply one?

A shadcn/ui preset is a predefined project configuration that standardizes component styling and composition. You need to apply one when initializing apps or switching project contexts to ensure consistent UI and centralized documentation across repositories.

Can I search for specific shadcn/ui components within a registry?

Yes, you can search for specific components within a shadcn/ui registry. The Skill supports workflows that involve searching registries and applying found components to update your project context and centralize UI documentation.

Does the shadcn workflow require any specific dependencies or environment setup?

The shadcn workflow relies on the SKILL.md frontmatter to derive project scope and tooling, enforcing CLI-driven interactions via npx shadcn@latest. It operates with no external dependencies, streamlining the management of components and presets.

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

The best way to manage shadcn/ui components across multiple repositories is to centralize project context and documentation. This approach standardizes adding, styling, fixing, debugging, and composing UI components consistently across projects.

Why does my shadcn preset application fail to update the project context?

Your shadcn preset application may fail if the SKILL.md frontmatter is missing or incorrectly configured. The workflow depends on this frontmatter to derive project scope and execute CLI-driven interactions via npx shadcn@latest properly.