Introduction
React primitives for the human side of agentic AI.
What is Depute?
Depute is a React component library for Agentic Experience (AX) design — purpose-built UI primitives for AI agent supervision and human oversight.
When an AI agent runs in your product, users need to see what's happening — not raw logs, but structured UI for delegation, trust, and control.
Why Depute?
Most UI libraries build for CRUD apps. Depute builds for the moment after you hand off work to an agent:
- The agent proposes a plan → Plan Card shows it before execution
- The agent wants to send email → Approval Gate blocks until the user approves
- The agent is running → Run Controls let the user pause or stop at any time
- Multiple agents are coordinating → Orchestrator View shows who's managing whom
Distribution model
Components are delivered via CLI copy-paste (like shadcn/ui). The source lands in your repo — you own it, you can read it, you can modify it.
npx ax-depute@latest add approval-gateNo lock-in. No black-box npm package the agent can't inspect.
Two tiers
| Tier | Components | Use case |
|---|---|---|
| Single Agent | 6 primitives | One agent acting on behalf of a user |
| Multi-Agent | 11 primitives | Multiple agents coordinating, delegating, or running in parallel |
Start with Single Agent primitives. Add Multi-Agent when you need orchestration.