shadcn

Manage shadcn/ui components and project configurations across registries.

5|2|Updated Mar 11, 2026
One-click install
npx skills add https://github.com/dinhtungdu/tangerine --skill shadcn-dinhtungdu
Or copy as Structured Prompt for Agent
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.