shadcn

Manage shadcn/ui components and project context via CLI workflows.

7|4|Updated Jun 7, 2025
One-click install
npx skills add https://github.com/lootlog/monorepo --skill shadcn-lootlog
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/lootlog/monorepo/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/lootlog/monorepo --skill shadcn-lootlog

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps teams manage shadcn/ui components and related project context across a codebase by providing a unified interface for adding, searching, fixing, debugging, styling, and composing UI. It also surfaces documentation, usage examples, and project context when working with shadcn/ui, component registries, presets, or any repository that contains a components.json file.

Core Features & Use Cases

  • Centralized management of shadcn/ui components across multiple services and apps.
  • Quick access to component docs, usage examples, and project context via the CLI (init, add, docs, info).
  • Validates frontmatter-driven Skill metadata and coordinates optional resources (scripts/, references/, assets/) when present.

Quick Start

Use the shadcn skill to initialize a project, search registries, view component details, and install UI blocks 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 apps in a monorepo?

To manage shadcn/ui components across multiple apps, use a unified interface to add, search, style, and compose UI. It also surfaces component docs, usage examples, and project context for repositories with a components.json file.

What is the best way to initialize shadcn/ui and switch component presets?

Initializing shadcn/ui and switching component presets is handled through specific CLI workflows like init, add, docs, and info. These commands coordinate optional resources such as scripts, references, and assets when present.

Does my project need a components.json file to use shadcn component registries?

Yes, a components.json file is required for tasks like initializing, switching presets, or updating components. It applies to projects using component registries, presets, or any repository containing that file.

How do I find component docs and usage examples for shadcn/ui?

Find component docs and usage examples for shadcn/ui via the CLI docs and info commands. This provides quick access to project context and component details directly within your codebase.

Can I install UI blocks from custom shadcn registries into an existing project?

Yes, you can install UI blocks from custom shadcn registries into an existing project. The CLI add workflow allows you to search registries, view component details, and install blocks as needed.