shadcn

Manage shadcn/ui components via CLI commands and project context.

1|Updated Mar 19, 2026

Search Tags:#ui #components #registry #tailwind #chat #shadcn #preset

Ready to run

npx skills add https://github.com/ian-pascoe/dotfiles-chezmoi --skill shadcn-ian-pascoe

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/ian-pascoe/dotfiles-chezmoi/tree/main/dot_agents/skills/shadcn
Command: npx skills add https://github.com/ian-pascoe/dotfiles-chezmoi --skill shadcn-ian-pascoe

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

It helps you manage shadcn/ui projects and components without guessing the right CLI commands, component composition rules, or project-specific conventions.

Core Features & Use Cases

Add, search, inspect, fix, and update shadcn components through the CLI.
Work with presets, registries, project context, and accessibility-safe component composition.
Build forms, dialogs, dashboards, and chat interfaces with the right primitives and styling rules.
Example use case: ask it to create or audit a settings form, a profile dialog, or a streaming chat view that follows shadcn patterns.

Quick Start

Ask the skill to create, inspect, or fix a shadcn/ui component for your project and include the component type, preset, and any registry source you want to use.

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 using the CLI?▼

To manage shadcn/ui components, use CLI commands to add, search, inspect, fix, and update primitives. This skill applies project context and accessibility-safe composition rules to ensure correct styling and installation.

Can I use custom presets and registries to build shadcn interfaces?▼

Yes, you can use custom presets and registry sources to build shadcn interfaces. Specify your desired preset and registry when requesting component creation to apply the right project-specific conventions.

What is the best way to build a streaming chat view with shadcn?▼

The best way to build a streaming chat view with shadcn is to use the correct UI primitives and styling rules. This skill guides composition to ensure your chat interface follows established accessibility-safe patterns.

How do I audit and fix existing shadcn forms and dialogs?▼

To audit and fix existing shadcn forms and dialogs, the skill inspects your current components and applies shadcn/ui rules. It identifies composition issues and updates primitives to match project conventions.

Does this approach work for building complex dashboards with Tailwind?▼

Yes, this approach works for building complex dashboards with Tailwind. The skill manages component composition and styling rules to ensure your dashboard primitives are installed and updated correctly.