shadcn

Manage shadcn/ui components and project configurations across registries.

5|2|Updated Mar 11, 2026

Search Tags:#ui #documentation #components #registry #project-setup #shadcn #presets

Ready to run

npx skills add https://github.com/dinhtungdu/tangerine --skill shadcn-dinhtungdu

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/dinhtungdu/tangerine/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/dinhtungdu/tangerine --skill shadcn-dinhtungdu

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates the setup, discovery, and management of shadcn/ui components and their project contexts across registries and repositories.

Core Features & Use Cases

Provides project context, component docs, and usage examples for shadcn/ui.
Supports adding, searching, fixing, debugging, styling, and composing UI components.
Triggers for common workflows like shadcn init, "create an app with --preset", or "switch to --preset".

Quick Start

Run shadcn init or apply presets to bootstrap your project with shadcn/ui components and workflows.

Frequently Asked Questions about shadcn

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

FAQPage Schema

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

You can initialize a shadcn/ui project by triggering the shadcn init workflow, which validates your components.json file and applies the necessary project configurations and component contexts.

What is a components.json file and do I need it for shadcn/ui?▼

The components.json file is a required configuration artifact for shadcn/ui; it validates your project setup and provides the context needed to add components and apply presets.

Can I use shadcn presets to bootstrap a new app?▼

Yes, you can bootstrap a new app using shadcn presets by triggering workflows like create an app with --preset, which streamlines setup by applying predefined project configurations.

How do I add and explore shadcn/ui component documentation across registries?▼

You can add and explore shadcn/ui component documentation across registries by using the Skill to retrieve project context, usage examples, and styling guidance for your components.

What's the best way to switch my existing project to a different shadcn preset?▼

The best way to switch to a different shadcn preset is to trigger the switch to --preset workflow, which updates your project configurations and component contexts across your repositories.