shadcn

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

Updated Apr 2, 2023
One-click install
npx skills add https://github.com/putrinaq/portfolio --skill shadcn-putrinaq
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: shadcn
Source: https://github.com/putrinaq/portfolio/tree/main/portfolio/.agents/skills/shadcn
Command: npx skills add https://github.com/putrinaq/portfolio --skill shadcn-putrinaq

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 streamlines the management of shadcn components and projects, reducing the complexity of development and debugging processes.

Core Features & Use Cases

  • Component Management: Add, update, and search for shadcn components with ease.
  • Project Configuration: Apply project-wide configurations and presets.
  • Documentation and Examples: Access detailed documentation and examples for components.

Quick Start

Initialize a new shadcn project with the 'nova' template and the 'base-nova' preset by running shadcn init --template nova --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 add and manage shadcn UI components in a React project?

To manage shadcn UI components in a React project, you use the shadcn CLI to handle component discovery, addition, and configuration. It requires a configured project directory with a components.json file.

What is the best way to initialize a new shadcn project configuration?

The best way to initialize a new shadcn project configuration is by running the command `shadcn init --template nova --preset base-nova`, which sets up the base structure and applies project-wide presets.

Do I need a components.json file to use shadcn project configurations?

Yes, you need a configured project directory with a components.json file to apply shadcn project configurations, as the CLI relies on this file to manage UI components and project-wide settings.

Can I search for specific shadcn components before adding them to my project?

Yes, you can search for specific shadcn components before adding them. The component management feature handles component discovery, allowing you to find, add, and update UI components with ease.

Does this shadcn management approach support accessing component documentation?

Yes, this shadcn management approach supports accessing component documentation. It provides detailed documentation and examples for components directly through its references and assets handling.

Why use the CLI for shadcn component management instead of manual configuration?

Using the CLI for shadcn component management reduces the complexity of development and debugging processes. It streamlines component discovery, addition, and configuration, ensuring project-wide settings are applied correctly.