shadcn

Manage shadcn/ui components and project context across repositories.

Updated Apr 20, 2026
One-click install
npx skills add https://github.com/vijaychandar186/nextjs-bun-agentic-starter --skill shadcn-vijaychandar186
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/vijaychandar186/nextjs-bun-agentic-starter/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/vijaychandar186/nextjs-bun-agentic-starter --skill shadcn-vijaychandar186

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This tool provides centralized management and context for shadcn/ui components across repositories, enabling consistent usage, documentation, and tooling across teams.

Core Features & Use Cases

  • Provides project context, component docs, and usage examples for shadcn/ui.
  • Applies when working with shadcn/ui, component registries, presets, or any project with a components.json file, and supports triggers like shadcn init, creating an app with --preset, or switching to a new preset.
  • Coordinates adding, searching, fixing, debugging, styling, and loading operational instructions from SKILL.md into activation context.

Quick Start

Initialize and manage shadcn/ui components across a project by running shadcn init, switching presets, and using add/search commands as needed.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I manage shadcn/ui components across multiple repositories?

To manage shadcn/ui components across multiple repositories, you need centralized project context and operational instructions. This skill coordinates adding, searching, fixing, and styling components by reading project configuration and loading usage documentation.

What is a components.json file used for in shadcn/ui?

A components.json file in shadcn/ui defines project configuration for component registries and presets. It triggers skill activation to apply operational instructions, ensuring consistent component usage, documentation, and tooling across the project.

How do I add and search for shadcn/ui component presets?

Adding and searching for shadcn/ui component presets involves running initialization commands and switching presets as needed. The skill coordinates these actions by loading operational instructions from project context to manage component registries.

Can I use shadcn/ui with custom component registries and presets?

Yes, shadcn/ui works with custom component registries and presets. The skill activates when working with registries or any project containing a components.json file, supporting triggers like creating an app with a preset or switching to a new one.

How do I fix and debug shadcn/ui styling issues?

Fixing and debugging shadcn/ui styling issues is handled by loading operational instructions from the project's skill context. It coordinates component fixes, debugging actions, and styling adjustments while maintaining consistent documentation across repositories.

Do I need a components.json file to use shadcn/ui management features?

Yes, a components.json file is required for shadcn/ui management features. The skill ensures activation by locating project configuration files, reading YAML frontmatter for discovery, and loading Markdown instructions for component actions.