shadcn/ui

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

Run CLI commands using the project's package runner: npx shadcn@latest, pnpm dlx shadcn@latest, or bunx --bun shadcn@latest. Determine it from package.json and repository conventions before acquiring project context. Examples below use npx shadcn@latest; substitute the project's runner.

Current Project Context

Reuse applicable project context when actual output for the current project is already available. When that output is missing or stale, including on hosts without shell injection, run this from the target project using its package runner. A literal command in a skill is not evidence that it ran:

npx shadcn@latest info --json

Inspect the result for configuration, installed components, and resolved paths. Refresh it when the project, configuration, or installed component set changes, not on every styling edit. If info is unavailable, read package.json, components.json, the relevant installed component source, and theme files directly. State unresolved facts that matter; do not invent injected output or initialize a project merely to obtain context.

Principles