Installation

Prerequisites#

You need a project with shadcn/ui initialized. If you do not have one yet, run:

pnpm dlx shadcn@latest init

Add a component#

Every component page shows its install command. The CLI downloads the files, installs any npm dependencies, and pulls in the shadcn/ui components it needs.

pnpm dlx shadcn@latest add @dashboardcn/kpi-card

@dashboardcn is listed in the shadcn registry directory, so the CLI resolves the namespace without any setup in components.json.

Add by URL#

Older versions of the CLI do not know the namespace. Pass the item URL instead:

pnpm dlx shadcn@latest add https://dashboardcn.com/r/kpi-card.json

The URL form is https://dashboardcn.com/r/<name>.json.

Agents#

Every docs page is available as Markdown by appending .md to its URL, and llms.txt indexes them all.

A skill teaches a coding agent how to pick, install, and compose the components. Install it into .claude/skills with the shadcn CLI:

pnpm dlx shadcn@latest add @dashboardcn/skill

Or for any agent, with the skills CLI:

npx skills add NoahGdev/dashboardcn

shadcn's MCP server searches the registries in components.json. Add the namespace there to include this registry:

{
  "registries": {
    "@dashboardcn": "https://dashboardcn.com/r/{name}.json"
  }
}

npx shadcn@latest mcp init --client claude