Ui components
Registry
Use the shadcn/ui registry with AI agents to scaffold components.
What is the registry?
shadcn/ui maintains a registry of components, blocks, and patterns. It serves as a catalog that AI coding agents can reference to scaffold components directly into your project with the correct styling and dependencies.
Using with AI agents
You can prompt your AI coding agent to build components using the shadcn/ui registry. The agent will pull the required components, wire up dependencies, and generate production-ready code that matches your project's style.
Example prompt:
Create a Contact Form with validation using the shadcn ui registryThe agent will:
- Install any missing shadcn/ui components (
Input,Button,Label, etc.) - Set up form validation with
react-hook-formandzod - Generate a ready-to-use form component styled to match your project