Agent Orchestrator

Visualize a main orchestrator coordinating multiple sub-agents working on different parts of a task, inspired by the Orchestrator-Worker pattern from AI SDK.

Features

  • Sub-agent Grid: Monitor each worker agent with status, progress, and metrics
  • Communication Log: Track messages flowing between orchestrator and sub-agents
  • Aggregated Results: See how individual outputs combine into the final result
  • Live Controls: Start, pause, or redistribute work across agents

Examples

Content Research Pipeline

Orchestrator-worker pattern

Content Research Pipeline

Processing

Orchestrates research, analysis, and writing sub-agents to produce a structured content brief.

Updated moments ago
1/3 agents completed55%

Research Agent

Web search

Gather top 20 sources on AI-driven content workflows

Progress100%
Tokens

3,420

Cost

$0.04

Latency

12s

Analysis Agent

Data processing

Extract key themes and cluster by relevance

Progress64%
Tokens

1,860

Cost

$0.02

Latency

8s

Writer Agent

Content synthesis

Draft 1500-word brief from clustered findings

Progress0%
Tokens

0

Cost

$0.00

Latency

--

Communication Log

4 messages
O
Orchestrator09:01

Begin source collection for AI content workflows

RA
Research Agent09:13

20 sources collected, passing to analysis

O
Orchestrator09:14

Cluster sources by theme and rank by relevance

AA
Analysis Agent09:22

64% complete -- 4 clusters identified so far

Aggregated Result

Research complete. Analysis in progress -- 4 thematic clusters identified across 20 sources. Writer Agent queued for final synthesis.

3

Agents

5,280

Total tokens

$0.06

Total cost

Installation

npx shadcn add "https://agents-ui-kit.com/c/agent-orchestrator.json"