Blast Radius Visualization

Blast radius visualization is an AI agent UX pattern that previews how many files, records, users, or systems an action will touch before approval. Concrete counts (“412 files across 37 folders”) beat vague progress bars that reveal scope too late.

Share

Interactive demo

Review before run

Check what will change

Confirm the numbers match what you asked for.

Will rename 412 files across 37 folders.

Adjust scope

Include /legacy subtree

Adds nested vendor and archive paths to the rename match.

Overview

The design problem

How might we design blast radius visualization so people can trust and act on AI output?

Use this pattern

When this pattern fits

  • Essential for agentic tools, bulk automation platforms, and admin interfaces where fan-out actions need clear scope disclosure before execution to prevent accidental large-scale changes.

Avoid this pattern

When to skip or lighten it

  • Single-target actions where the radius is obviously one object.
  • When accurate counts cannot be computed without already executing the mutation.
  • Tiny hobby tools with no bulk operations.

States

State model coming soon

Key UX elements

Key UX elements coming soon

Anti-patterns to avoid

  • Starting a bulk run with only a spinner and no pre-count.

  • Underestimating counts that balloon mid-run with no re-confirmation.

  • Showing technical IDs without human-readable scope maps.

  • Allowing “select all matching” with no ceiling or sample preview.

How products use it

ProductImplementation
Cursor / coding agentsMulti-file diff summaries before applying large changes.
CRM / support agentsRecipient or record counts before bulk message or update.
Cloud consolesResource-count previews before fleet-wide operations.
Design system migrate toolsComponent instance counts before mass redesign apply.

Implementation

Copy this prompt to generate a production-ready implementation in Cursor, Claude Code, Lovable, or any AI coding agent.

Generate a production-ready implementation of the "Blast Radius Visualization" AI interface design pattern.

Pattern Definition:

Frequently asked questions

What is blast radius visualization in agent UX?

Blast radius visualization shows how wide an agent action will hit (counts and maps of affected files, records, or users) before the user approves execution.

What should a blast radius preview include?

Totals, major groupings (folders, teams, regions) a sample of items, and whether the action is reversible. Link to checkpoints when available.

How does blast radius relate to reversibility marking?

Blast radius answers “how much.” Reversibility answers “how undoable.” High radius plus irreversible should always raise approval friction.

Weekly AI UX in your inbox

Weekly AI interface UX notes and resources on Substack, no spam, unsubscribe anytime.

Subscribe on Substack