Pattern 14 · Agents

Plan preview

An agent that starts working immediately can spend ten minutes and real money going the wrong way.

By Aleksey StepikinUpdated October 20263 min readLive demo
Live demo · try it

An interactive mock built in plain HTML, CSS and JavaScript. Data is fictional; no model is called.

FitWhen to use it — and when not

Use it when

  • Multi-step tasks longer than a minute
  • Tasks that touch external systems or cost money
  • Ambiguous requests where the agent made assumptions

Skip it when

  • One-step tasks
  • Routine automations the user already approved as a template

AnatomyThe parts of the pattern

  1. StepsShort, verb-first steps in order.
  2. Risk labelsRead-only, writes data, sends externally.
  3. Edit controlsToggle, reorder, rewrite steps.
  4. EstimateRough time and cost.
  5. RunExecute the plan as edited.

GuidelinesDo & don’t

Do

  • Label which steps change things outside the product.
  • Let users remove a step without rewriting the request.
  • Show assumptions the agent made, as editable lines.

Don’t

  • Show a 20-step plan for a 2-step job.
  • Ignore the edited plan once execution starts.
  • Present the plan as a wall of prose.

In the wildReal-world examples

Claude Code (plan mode)CursorGitHub Copilot WorkspaceDevin

Products named for reference only — no affiliation, and the demo above is an original illustration, not a copy of their UI.

For engineersImplementation notes

  • Have the planner return steps as structured data (id, action, tool, risk) and feed the edited list back as the execution contract.
  • Re-plan only the remaining steps when one fails; keep completed step ids stable.
  • Estimate cost from step types and historical runs, not from the model's own guess.

AgentsRelated patterns

All 26 LLM UX patterns

Building an AI product?

I design and ship AI products end to end — LLM interfaces, agents, RAG, billing — from concept to a live product in weeks, not quarters. Tell me what you are building and get a fixed estimate.

Get an estimateBook a call

Create bold.
Deliver better.

See our workGet in touch