skills.rest
kaiomaced0
kaiomaced0COMMUNITY
Explore all skills by this author →
WebsiteGitHub

shadcn

Manage shadcn UI components and projects via CLI commands.

Updated May 30, 2026
Search Tags:#project management#cli#ui components#ui development#shadcn
One-click install
npx skills add https://github.com/kaiomaced0/hackamarh --skill shadcn-kaiomaced0
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/kaiomaced0/hackamarh/tree/main/front-gestao/.agents/skills/shadcn
Command: npx skills add https://github.com/kaiomaced0/hackamarh --skill shadcn-kaiomaced0

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 working with shadcn components and projects, from adding and debugging to styling and composing UI elements.

Core Features & Use Cases

  • Component Management: Add, search, fix, and debug shadcn components and projects.
  • UI Composition: Provides project context, component documentation, and usage examples.
  • CLI Integration: Offers a suite of commands for managing UI components and projects efficiently.
  • Use Case: If you're developing a UI with shadcn/ui and need to integrate a new component or adjust an existing one, this skill can help you do so quickly and effectively.

Quick Start

Run the command npx shadcn@latest info to get the project context and list of installed 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 debug shadcn UI components in my project?▼

To manage shadcn UI components, you can use CLI commands like `add`, `search`, and `info` to add new elements, find existing ones, and debug styling or composition issues within your project.

Can I use shadcn UI components with the radix primitive library?▼

Yes, you can use shadcn UI components with the radix or base primitive library, as the component management and styling commands are designed to support projects built on these foundational libraries.

What is the best way to get context on installed shadcn components?▼

The best way to get project context and list installed shadcn components is by running the command `npx shadcn@latest info`, which provides an overview of your current UI setup.

How do I access documentation and usage examples for shadcn components?▼

You can access component documentation and usage examples by using the `docs` and `view` CLI commands, which provide the necessary context for effectively composing and styling UI elements.

Does the shadcn CLI support building and searching for specific UI elements?▼

Yes, the shadcn CLI supports the `search` command to find specific UI elements and the `build` command to compile your project, facilitating efficient UI development and component management.

Why does my shadcn UI component styling break during composition?▼

If shadcn UI component styling breaks during composition, use the CLI commands to debug and fix the elements, ensuring the radix or base primitive library dependencies are correctly configured in your project context.

Related Skills

Explore More Software Engineering Skills→
fusenginefusengine
22

shadcn-detection

Identify Radix UI or Base UI primitives from package.json and source code.

Community
Intermediate
cchrisvcchrisv

deploying-ui-bundle

Orchestrate Salesforce UI bundle deployment with authentication, build, metadata, and post-deploy setup.

Community
Advanced
hotriluanhotriluan

ck:ui-styling

Implements accessible shadcn/ui components with Tailwind CSS in React frameworks.

Community
Intermediate
aroidoaroido

component-library

Integrate Shadcn UI and Chakra UI components into React applications.

Official
Intermediate