Skip to content

Use with AI

The registry speaks the same protocol AI coding agents already use to install components — point your editor at it once and ask for glass in plain language.

1. Register the namespace

Add Vitrum to components.json:

components.json
{
  "registries": {
    "@vitrum": "https://vitrumui.vercel.app/r/{name}.json"
  }
}

2. Connect your editor

The shadcn CLI ships an MCP server that exposes any configured registry to AI clients:

pnpm dlx shadcn@latest mcp init

Pick your client when prompted — the command writes the right configuration for it.

3. Ask for glass

With the namespace registered, prompts resolve against this registry:

"Add @vitrum/dialog and @vitrum/toaster to this project"
"Build a settings page using @vitrum components"
"Install the vitrum gauge and wire it to the upload progress"