skills.rest
PolGubau
PolGubauCOMMUNITY
Explore all skills by this author →
Website𝕏@GubauPolGitHub

shadcn

Manage shadcn components and projects using the shadcn CLI.

Updated Mar 16, 2026
Search Tags:#project setup#CLI#UI development#shadcn#component management
One-click install
npx skills add https://github.com/PolGubau/catalogos-macetas --skill shadcn-polgubau
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/PolGubau/catalogos-macetas/tree/main/.augment/skills/shadcn
Command: npx skills add https://github.com/PolGubau/catalogos-macetas --skill shadcn-polgubau

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires shadcn, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill simplifies the process of managing shadcn components and projects, streamlining UI development with features like component addition, searching, and debugging.

Core Features & Use Cases

  • Component Management: Add, search, fix, and debug shadcn components and projects.
  • Project Context: Provides project context, component documentation, and usage examples.
  • CLI Integration: Uses the shadcn CLI for operations like adding components, searching registries, and fetching documentation.
  • Use Case: When you are working with shadcn/UI, component registries, presets, or any project with a components.json file, this skill helps you manage your project efficiently.

Quick Start

Initialize a new shadcn project by running npx shadcn@latest init --name my-project --preset base-nova.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I manage shadcn components using the CLI?▼

To manage shadcn components, you use the shadcn CLI to add, search, fix, and debug UI elements within projects containing a components.json file. This streamlines component management and project setup.

How do I initialize a new shadcn project?▼

You can initialize a new shadcn project by running `npx shadcn@latest init --name my-project --preset base-nova` in your terminal. This sets up the project context and configuration for UI development.

Do I need a components.json file to use shadcn component management?▼

Yes, a components.json file is required. The management operations apply specifically to projects with this file, ensuring the CLI can correctly fetch documentation and apply component presets.

Can I search component registries and presets with shadcn?▼

Yes, you can search component registries and presets using the shadcn CLI. This allows you to find specific UI components and fetch their documentation for efficient project integration.

How do I fix and debug shadcn components in my project?▼

You can fix and debug shadcn components by utilizing the CLI's management features, which provide project context, component documentation, and usage examples to resolve issues efficiently.

Related Skills

Explore More Software Engineering Skills→
putrinaqputrinaq

shadcn

Manage shadcn UI components and project configurations via the shadcn CLI.

Community
Advanced
tonone-aitonone-ai
69

prism-ui

Generate responsive frontend UI blueprints from page specifications.

Official
Intermediate
bluebricks-nlbluebricks-nl

tailwind-v4-shadcn

Configure Tailwind CSS v4 and shadcn/ui in Vite React projects.

Official
Advanced
aliepratamaaliepratama

shadcn

Manage shadcn/ui component installation, updates, and documentation in frontend projects.

Community
Basic