shadcn

Manage shadcn/ui components and presets via the shadcn CLI.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/ng-namanh/rsias --skill shadcn-ng-namanh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/ng-namanh/rsias/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/ng-namanh/rsias --skill shadcn-ng-namanh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Manages shadcn/ui components and presets across projects, simplifying setup, updates, and governance of UI systems.

Core Features & Use Cases

  • Centralizes component and preset management for consistent design systems with shadcn/ui.
  • Handles project-scoped actions like init, apply preset, add components, and registry synchronization.
  • Coordinates with project metadata (components.json) and registries to ensure alignment across frontend, backend, and tooling.

Quick Start

Initialize a new project with shadcn/ui and apply a Nova preset to standardize UI components.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I add and manage shadcn/ui components across multiple projects?

To manage shadcn/ui components across projects, you can automate adding, searching, and styling UI using the shadcn CLI alongside your project's components.json for registry synchronization.

What is the best way to standardize UI components using shadcn/ui presets?

Standardizing UI components with shadcn/ui presets involves applying a preset during the initialization workflow, which coordinates project metadata and registries to ensure consistent design systems.

How does the shadcn CLI use components.json to manage UI registries?

The shadcn CLI relies on components.json and registry metadata to execute integration actions, aligning frontend and backend tooling when adding or synchronizing UI components.

Can I debug and fix styling issues with shadcn/ui components directly in my project?

Yes, you can debug and fix styling issues with shadcn/ui components directly by applying project-scoped actions that rely on your existing components.json and registry metadata for execution.

Do I need a components.json file to initialize a new shadcn/ui project?

Yes, a components.json file is required to initialize a new shadcn/ui project because it provides the project metadata and registry configuration needed for component integration and preset application.