AI & Agents
Agent Avatar
Who is talking in a multi-agent chat: tint colour, name and role.
Usage
Installation
npm install @wunderui/reactThen import what you need:
import { AgentAvatar } from "@wunderui/react"Examples
Planner
Indigo.
Writer
Green.
Reviewer
Orange.
In context
How the component is used inside real screens — the same compositions as the Usage section of the Figma page.
Multi-agent conversation
Each answer says which agent wrote it, and a divider marks where the Planner hands over to the Writer.