AI agent flow testing

AI 에이전트 흐름 실험

Send the same task through two agent flows and compare completion and errors.

···
html
<div class="flows"><div class="request">REQUEST: FIND A BAG UNDER $50</div><div class="twins"><div class="flow"><b>FLOW A</b><span>SEARCH → SUGGEST</span><i id="flowa"></i><small>COMPLETE 72 · ERROR 8</small></div><div class="flow"><b>FLOW B</b><span>SEARCH → VERIFY → APPROVE</span><i id="flowb"></i><small>COMPLETE 78 · ERROR 3</small></div></div></div>
css
.flows{width:min(91%,600px);font:800 clamp(10px,max(1.6vmin,1vw),13px)/1.2 sans-serif}.request{text-align:center;color:var(--accent);margin-bottom:clamp(8px,2vmin,16px)}.twins{display:grid;grid-template-columns:1fr 1fr;gap:clamp(6px,1.5vmin,14px)}.flow{border:2px solid var(--fg);padding:clamp(7px,1.8vmin,14px);min-width:0}.flow b,.flow span,.flow small{display:block}.flow b{font-size:clamp(11px,max(2.3vmin,1vw),18px)}.flow span{color:var(--muted);margin:7px 0;min-height:2em}.flow i{display:block;height:clamp(14px,3vmin,25px);background:var(--line);position:relative}.flow i:after{content:'';display:block;height:100%;width:72%;background:var(--fg);transform-origin:left;animation:flowbar 3.5s infinite}.flow:nth-child(2) i:after{width:78%;background:var(--accent);animation-delay:.35s}.flow small{margin-top:6px;color:var(--muted)}@keyframes flowbar{0%,10%{transform:scaleX(0)}40%,80%{transform:scaleX(1)}100%{transform:scaleX(0)}}small{font-size:max(.833em,10px,1vw)}

AI agent flow testing treats prompts, models, tool order, and approval steps as variables instead of button colors. Agent output may vary from run to run, so one success is insufficient evidence.

The demo sends the same shopping-assistance request through flows A and B, comparing completion, errors, and human approval. Define task types, assignment, and evaluation criteria in advance.

A higher completion rate still fails if wrong orders or unauthorized actions rise. Measure quality and safety guardrails, and retain human approval for risky tasks.

When to use

Use it when changing the prompt or tool flow of a customer-facing AI assistant.

Open as page ↗