Build React chats with tool and approval cards.
What it does
Guides the building and modification of agent chat interfaces using Agent Elements components and their APIs.
When to use it
Use when building or modifying chat, agent, or tool-calling interfaces in React 19 and Tailwind v4 projects, especially those using Agent Elements; avoid plain chats without tool or approval cards and projects using another agent UI kit.
How to use it
It changes how the agent builds chat and agent interfaces by guiding component selection, prop shapes, and composition patterns.
What you provide
- An existing project
What you need · 2
Requires React 19 or newer; the components do not support React versions below 19.
Requires Tailwind v4 or newer; the components do not support earlier versions.
Access · 1
This skill
npx shadcn@latest
The latest shadcn CLI