Get Started

Install & MCP

Components are distributed as source code you own — copy-paste beats install. Three ways in, all reading the same registry, so preview and install can never disagree.

CLI

Install any component with the shadcn CLI, straight from the registry endpoint:

npx shadcn@latest add https://agentsandhumans.ai/api/registry/approval-gate.json

Or register the namespace once in your components.json:

{
  "registries": {
    "@agentsandhumans": "https://agentsandhumans.ai/api/registry/{name}.json"
  }
}
npx shadcn@latest add @agentsandhumans/approval-gate

Manual

Every component page has the full source with a copy button — headless core plus styled skin plus tokens. Vendor the files; there is no runtime dependency on us. MIT licensed.

Agent

Building with a coding agent? Give it the registry via the shadcn MCP server:

npx shadcn@latest mcp init --client claude

Then add the namespace above to components.json and prompt:

Add the @agentsandhumans registry, install approval-gate,
and wire it in front of every destructive tool call.

Available components