skills.rest
ian-pascoe
ian-pascoeCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

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
One-click install
npx skills add https://github.com/ian-pascoe/dotfiles-chezmoi --skill shadcn-ian-pascoe
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Software Engineering Skills→
sahaja9707sahaja9707

shadcn-ui

Initialize and configure shadcn/ui projects with React components and Tailwind CSS.

Community
Intermediate
Insik-HanInsik-Han
16

expo-deployment

Deploy Expo apps to iOS, Android, web, and API routes via EAS.

Community
Advanced
sadamkhan7679sadamkhan7679
2

shadcn-shared-form-fields

Provide type-safe React form components for react-hook-form and shadcn/ui.

Community
Basic
LuisSambranoLuisSambrano
7

radix-ui

Guide accessible design system development with Radix UI primitives.

Community
Intermediate