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

Installation

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