Agent Sequential Workflow
Visualize chained agent pipelines where the output of one agent feeds directly into the next, forming a structured multi-step execution flow.
Features
- Pipeline Visualization: End-to-end view of each agent stage in a sequential chain
- Data Flow Arrows: Directional indicators showing how output moves between agents
- Step Expansion: Expand individual steps to inspect intermediate inputs and outputs
- Duration Tracking: Per-step and total elapsed time for the entire pipeline run
- Pipeline Metrics: Aggregate token usage, latency, and success rate across all stages
Examples
Multi-Agent Content Pipeline
Sequential workflow
Content publishing workflow
Each completed step provides the input for the next step.
Input
First draft
Output
Available when this step completes.
2,300 tokens
Installation
npx shadcn@latest add "https://agents-ui.github.io/agents-kit/c/agent-sequential-workflow.json"