shadcn

Manage shadcn/ui components, registries, presets, and components.json projects.

Updated Jun 13, 2026
One-click install
npx skills add https://github.com/Naren7874/live_CAFE --skill shadcn-naren7874
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/Naren7874/live_CAFE/tree/main/.agents/skills/shadcn
Command: npx skills add https://github.com/Naren7874/live_CAFE --skill shadcn-naren7874

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill manages shadcn/ui components, providing context, documentation, and usage examples to streamline UI development.

Core Features & Use Cases

  • Component Management: Adding, searching, fixing, debugging, styling, and composing UI components.
  • Project Context: Offers project-specific context, component documentation, and usage examples.
  • Use Case: When working with shadcn/ui, component registries, presets, or any project with a components.json file.

Quick Start

Use the shadcn skill to initialize a new project with a base-nova preset and lucide icons.

Frequently Asked Questions about shadcn

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

FAQPage Schema
How do I add and configure shadcn/ui components in a new project?

To manage shadcn/ui components, use this Skill to add, search, and style UI components by running Bash commands with package runners like npx, pnpm, or bun. It provides project-specific context and documentation to streamline the setup process.

Does shadcn/ui work with pnpm or bun package runners?

Yes, shadcn/ui component management works with npx, pnpm, or bun package runners. The Skill utilizes Bash commands for deterministic tasks, allowing you to initialize projects and add components using your preferred package runner environment.

What is a components.json file and when do I need it for UI development?

A components.json file defines project-specific context for shadcn/ui, managing component registries and presets. You need it when working with component registries, presets, or any project requiring streamlined UI component management and documentation.

What's the best way to debug and compose shadcn/ui components?

The best way to debug and compose shadcn/ui components is by using this Skill to access component documentation and usage examples. It handles component management tasks, providing the necessary context to fix and style UI components effectively.

Can I initialize a shadcn/ui project with a base-nova preset and lucide icons?

Yes, you can initialize a new shadcn/ui project with a base-nova preset and lucide icons. The Skill streamlines UI component management by providing the context and Bash commands needed to set up component registries and presets quickly.