Skip to content
Agentic UI Kit
Buy

Billing admin

Acme Metering

Claude Code ×1 + Claude agent harness ×2 · 3 iterations

One app, 3 recorded iterations. Names and data in the app are fictional; the photographs are credited in the app.

Before and after

Acme Metering, before and after the brand identity pass
Iteration 1 to 2: a brand identity (before on the left)
Acme Metering, before and after the real content pass
Iteration 2 to 3: real screens, photography and copy (before on the left)

Iteration history

  1. Iteration 1

    Claude Code2026-10-05 · 25 turns · 6 MCP calls

    “Build a billing admin for Acme: a usage overview page with KPIs and a usage meter, an invoices table with filters, and a plan comparison page.”

  2. Iteration 2

    Claude agent harness2026-10-06 · 11 MCP calls

    “The app works, but it looks generic - it could be anyone's.”

  3. Iteration 3

    Claude agent harness2026-10-06 · 7 MCP calls

    “It now looks like us, but it still feels like a UI kit with our data in it.”

The numbers

Routes verified
9
Real photos
15
Catalog items installed
12
MCP calls
24
Build
Passed
Lint errors
0
Accessibility (serious + critical)
0
Horizontal overflow at 390 px
0 px
Kit update
27 replaced, 4 added, 4 conflicts

Checks as last recorded in: iteration 3.

Screens

  • Acme Metering: usage

    usage

  • Acme Metering: billing settings

    billing settings

  • Acme Metering: customer detail

    customer detail

  • Acme Metering: customers

    customers

Back to all recorded runs