shadcn

Manage shadcn/ui components via CLI workflows across registries and presets.

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

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Keeping shadcn/ui components consistent across projects, registries, and presets is error-prone and time-consuming without a centralized workflow.

Core Features & Use Cases

  • Adds, searches, fixes, debugs, styles, and composes shadcn/ui components; provides project context, documentation, and usage examples. Works across registries and presets, including any project with a components.json file. Triggers for "shadcn init", "create an app with --preset", or "switch to --preset" simplify project setup and maintenance.

Quick Start

Provide a clear task to the AI: instruct it to set up, modify, or audit shadcn/ui components in the current project using the CLI to ensure consistency and alignment with registries and presets.

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 by instructing the AI to manage your components using the CLI workflow. This ensures safe command orchestration and automatically checks your components.json file to align new additions with your project's existing registry and presets.

What is the best way to keep shadcn/ui components consistent across multiple repos?

To keep shadcn/ui components consistent across multiple repos, use a centralized CLI workflow that manages registries and presets. This approach resolves component discrepancies and applies standardized configurations across all your project files.

Can I use shadcn presets to initialize a new app?

Yes, you can initialize a new app using shadcn presets by triggering the create command with the --preset flag. This workflow provisions the project context and applies the preset configurations directly to ensure correct setup.

Does this workflow support searching and fixing shadcn/ui components?

Yes, this workflow supports searching, fixing, and debugging shadcn/ui components. It retrieves documentation and usage examples to help resolve issues, while orchestrating safe CLI commands to apply necessary fixes across your project.

Do I need a components.json file to manage shadcn/ui components?

Yes, a components.json file is required to manage shadcn/ui components effectively. The workflow uses this file to apply triggers, resolve the correct registry, and ensure component consistency across your specific project environment.

How do I switch shadcn/ui presets in my current project?

To switch shadcn/ui presets in your current project, trigger the CLI workflow with the switch to --preset command. This updates your project context and applies the new preset configurations safely across your components.