Description
shadcn is an agent skill from the shadcn/ui project for managing shadcn components and projects. It helps an agent add components, search for them, fix and debug them, style them, and compose them into interfaces, including chat interfaces. shadcn/ui adds component source code directly to your project through its CLI rather than installing a package you cannot edit, and the skill follows that model. At the start it gathers the project's context by running the shadcn info command, which returns the project configuration and the components already installed. For any component, the agent can get its documentation and example links with the shadcn docs command. The skill tells the agent to run the CLI through the project's own package runner, such as npx, pnpm dlx or bunx --bun, based on the packageManager setting. The skill contains shell command directives that may run commands on your system, so the listing asks you to review it before installing.…
Highlights
- Add, search, fix and style shadcn components
- Reads project config and installed components
- Gets component docs and example links
- Runs the CLI with the project's package runner
Ratings & Reviews
No ratings yet
Be the first to rate shadcn.
People also visit
webapp-testing
Test local web applications using Playwright for UI verification and debugging
shadcn FAQ
What does the shadcn skill do?
It helps an agent add, find, fix, style and compose shadcn/ui components, including chat interfaces, in a project.
How do I install it?
Run: npx skills add https://github.com/shadcn/ui --skill shadcn
Does it run commands on my machine?
Yes. The skill contains shell command directives that run the shadcn info command for project context. The skills.sh page says to review the skill carefully before installing.
How are components added?
The shadcn CLI adds the component source code to your project, so you can edit it directly.
What security checks has it passed?
skills.sh lists three audits: Gen Agent Trust Hub Pass, Socket Warn and Snyk Pass. A Warn or Fail is worth reading before you install.
What are the best shadcn alternatives?
Popular alternatives to shadcn include heroui-react, shadcn-ui and webapp-testing. See all shadcn alternatives