shadcn-ui

name	shadcn-ui
description	Use when adding, updating, debugging, styling, or composing shadcn/ui components, forms, dialogs, menus, charts, sidebars, themes, registries, or any project with a components.json file.
scope	dev
source	https://ui.shadcn.com/docs/skills
metadata	{"internal":true}

shadcn/ui

This skill keeps shadcn/ui work project-aware. Components are source files in the app, so always inspect the local project before adding, importing, or rewriting them.

First Steps

1. Work from the app root that owns components.json.
2. Run pnpm dlx shadcn@latest info --json when you need current project context: framework, Tailwind version, aliases, icon library, installed components, and resolved paths.
3. Use the actual aliases from components.json or shadcn info; do not assume @/components/ui if the project says otherwise.
4. Check app/components/ui/ or the resolved ui path before importing a component.
5. For unfamiliar components, run pnpm dlx shadcn@latest docs <component> and read the returned docs or examples before coding.