Skip to content

Setup

Install with the shadcn CLI and connect agents. Each step uses an API key from above, read from ASSEMBLI_API_KEY.

1. Add the registry to your project's components.json:

{
  "registries": {
    "@assembli": {
      "url": "https://www.assembli.design/r/{name}.json",
      "headers": {
        "Authorization": "Bearer ${ASSEMBLI_API_KEY}"
      }
    }
  }
}

2. Put your key in .env.local, then install any component:

echo "ASSEMBLI_API_KEY=asm_…" >> .env.local
npx shadcn@latest add @assembli/<slug>

3. Connect Claude Code to the MCP server:

claude mcp add --transport http assembli https://www.assembli.design/api/mcp \
  --header "Authorization: Bearer $ASSEMBLI_API_KEY"

Search components

Search by name, tag, category or type