·shadcn

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset".

133Installs·35Trend·@shadcn-ui

Installation

$npx skills add https://github.com/shadcn-ui/ui --skill shadcn

How to Install shadcn

Quickly install shadcn AI skill to your development environment via command line

  1. Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Run Installation Command: Copy and run this command: npx skills add https://github.com/shadcn-ui/ui --skill shadcn
  3. Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Source: shadcn-ui/ui.

SKILL.md

View raw

A framework for building ui, components and design systems. Components are added as source code to the user's project via the CLI.

The JSON above contains the project config and installed components. Use npx shadcn@latest docs to get documentation and example URLs for any component.

These rules are always enforced. Each links to a file with Incorrect/Correct code pairs.

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset". Source: shadcn-ui/ui.

Facts (cite-ready)

Stable fields and commands for AI/search citations.

Install command
npx skills add https://github.com/shadcn-ui/ui --skill shadcn
Category
*Creative Media
Verified
First Seen
2026-03-07
Updated
2026-03-10

Browse more skills from shadcn-ui/ui

Quick answers

What is shadcn?

Manages shadcn components and projects — adding, searching, fixing, debugging, styling, and composing UI. Provides project context, component docs, and usage examples. Applies when working with shadcn/ui, component registries, presets, --preset codes, or any project with a components.json file. Also triggers for "shadcn init", "create an app with --preset", or "switch to --preset". Source: shadcn-ui/ui.

How do I install shadcn?

Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/shadcn-ui/ui --skill shadcn Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw

Where is the source repository?

https://github.com/shadcn-ui/ui

Details

Category
*Creative Media
Source
skills.sh
First Seen
2026-03-07

Related Skills

None