Agent team preview

Agent team

A prompt types itself and branches out into three agents, each with a role and overlapping tool logos

  • Group
    Card illustrations
  • Origin
    Copied · affectUI · source
  • License
    MIT
  • Added
    Oct 18
npx shadcn@latest add @deank/agent-team

The registry stays private. Install from the repo with a GitHub token — see the README.

Usage

import { AgentTeam } from "@/registry/blocks/agent-team/agent-team";

<AgentTeam members={/* … */}>Label</AgentTeam>

Props

NameTypeDefaultDescription
promptstring"Build a team to work my inbound pipeline"Text that types itself into the prompt pill
members[AgentTeamMember, AgentTeamMember, AgentTeamMember]Required. Three agents, left to right – { role, avatar, tools? } with up to two of linkedin, hubspot, slack, gmail, salesforce
labelstringAccessible description – by default built from the prompt and the roles
classNamestringExtra class on the root, e.g. for width or margins

When to use

- AI and automation products where one prompt sets up several agents or roles - Feature cards about teams, delegation or workflows that span several tools

When not to use

Interactive app UI; these are illustrations, so keep them out of task flows.

Related

Delegate board · Tool call card