Theo on Improving Agent-Generated UI With Iterative Reviews

A T3 Code experiment uses multiple model reviewers, screenshots and repeated changes to improve an interface, while exposing the limits of subjective scores.

ThTheoVortrag
Kanal
Theo - t3․gg
Veröffentlicht
3. Nov. 2026
Video
31:44
Lesezeit
4 Min.
Folien
2
Original
Englisch
Auf YouTube öffnen
Beim Scrollen schrumpft das Video in die rechte untere Ecke und läuft weiter. Untertitel folgen Ihrer Lesesprache.
LesespracheIn 2 Sprachen verfügbar
Diesen Artikel gibt es noch nicht auf Deutsch, daher wird das Original (Englisch) angezeigt.
ZUSAMMENFASSUNG

In 30 Sekunden

Theo describes how he used model reviewers to iteratively polish T3 Code’s interface and compare it with reference apps. He also turns historical MCP tool failures into a more measurable evaluation and uses it to reduce tool-description context.

  1. 1The review panelSeveral model reviewers critique screenshots and propose iterative changes.
  2. 2Noisy scoresTheo notes that repeated ratings and comparison context can change subjective results.
  3. 3Human directionA concrete request to restore color changes the direction of a later iteration.
  4. 4A measurable hill climbHistorical tool failures become an evaluation for shortening MCP descriptions.

Das Wichtigste

  1. Repeated screenshots and specific feedback can make incremental interface changes easier to inspect.
  2. Model-assigned design scores are noisy and can shift with prompts and reference context.
  3. A human can guide the process with concrete preferences and visual review.
  4. Historical failures can become a test suite for a more measurable optimization loop.
  5. Runtime and token-cost estimates depend on the models and pricing actually used.
VOLLTEXT

Den bearbeiteten Text nach Kapiteln lesen

Nur das Transkript
01

A design experiment

Theo responds to UI criticism and describes the iterative review process.

Theo responds to criticism of T3 Code’s interface. The open-source project does not have a full-time designer, and he agrees that its visual and user-experience polish needed work.

He asks whether coding agents can improve a real application’s design through repeated evaluation. His experiment runs across several models and many review rounds, with an early version of the new interface available behind a beta setting.

The project began with a user’s comments about typography, corner radii, icons and visual hierarchy. Theo gave an agent the feedback and asked it to create a pull request, iterate and obtain high scores from a group of model reviewers.

His review skill delegates the same brief to several models, asks for read-only feedback and scores, and collects disagreements and next steps. He had used a similar process for code review but had not previously tested it on subjective interface design.

Unlike a performance benchmark or a passing test, visual quality has no stable programmatic score. Theo notes that the same model can give the same screenshot different scores on different runs; the ratings are noisy judgments, not objective measurements.

02

Comparisons and score variability

Annotated screenshots and competing references change the feedback and scores.

The initial interface received scores around six out of ten. After the agent made changes, the reviewers’ scores rose. Theo requested annotated before-and-after screenshots because the subtle differences were difficult for him to see at a glance.

Annotated UI comparison
FOLIE 1 / 2Annotated UI comparisonThe agent marks changes between the original and revised thread view.

The comparison highlighted changes to fallback fonts, title hierarchy, branch-name truncation, card corners and inline-code styling. The review panel eventually rated the result at the target level, but Theo’s own comparison with other apps left him unsatisfied.

He started a fresh review and added screenshots of Claude Code and Codex as reference products. His goal changed from improving T3 Code in isolation to comparing it with those interfaces. The longer run took almost eighteen hours, according to his account.

The new context changed the scores substantially: a version previously rated nine was rated only slightly better than the original in the new comparison. Theo treats this as evidence that prompts, reference images and context affect subjective ratings.

He also observed scores for the unchanged reference screenshots rising during later rounds. That inconsistency reinforces the danger of treating the numbers as calibrated measurements, even if the feedback can guide iteration.

To control usage, he initially asked one model for reviews and brought the other reviewers back only when the first score was high enough. The changes improved consistency in labels, font and border treatments, sidebar hierarchy and light-mode contrast.

03

More iterations and costs

He raises the target, discusses possible score bias and reports runtime and cost estimates.

Theo forked the work into another worktree and raised the target to 9.5 in each category. The agent continued making changes and seeking reviews; one reviewer disagreed with the others after the first model reached the threshold.

He recognizes a possible source of bias: reviewers knew the target score, and the same reference screenshots received different ratings over time. He considers hiding the target from reviewers in future experiments.

A modest increase in the target required about ten additional rounds. Theo reports roughly 17.6 hours of parallel agent runtime and an estimated total near $400 across the broader experiment, with uncertainty around subscription-based model costs.

He later separates roughly $150 for an additional refinement run from the work shown so far. The estimates are his accounting of this experiment, not a promise of what another user’s subscription or API usage will cost.

In a further run he asked for ten out of ten and provided a concrete preference: restore color because the previous result felt too gray. He preferred the resulting contrast, more visible icon and clearer merge button.

A later visual refinement
FOLIE 2 / 2A later visual refinementThe comparison highlights a clearer merge button and changes to contrast.

Theo’s takeaway is to make an iterative process explicit: compare the new screenshot with prior and reference versions, identify issues, revise and review again. His own visual inspection remains part of the assessment despite the model scores.

04

Testing MCP descriptions

A suite of historical failures enables a more concrete optimization of tool context.

He then describes a more directly measurable hill climb for T3 Code’s MCP tool descriptions. He collected examples where models used the wrong tool or handled a thread incorrectly, categorized them and turned the cases into an evaluation.

An initial model run passed roughly 60 of 88 collected cases. The agent developed a larger evaluation from those failures. Theo notes that the evaluation had not yet been merged at the time he discussed it.

The scores sometimes fell after changes, which helped expose regressions. He asked the agent first to achieve the desired test results, then to shorten the tool descriptions substantially while preserving those results.

He reports that the resulting descriptions used substantially less context, including reductions of 52% and 78% in two configurations. He says the changes were available in a nightly build, with a stable release planned.

Theo cautions that model behavior remains nondeterministic. Even so, he finds agents useful for tedious work such as categorizing historical failures and repeatedly testing changes—work he says would have taken him far longer by hand.

He closes by encouraging engineers to express problems as measurable objectives where possible and iterate against them. The UI example illustrates the potential and limits of subjective model reviewers; the MCP example uses a more concrete test suite.

Mehr aus diesem Kanal

4 Folien15:50EN
Theo - t3․gg· 3. Nov. 2026Theo Compares Codex and Claude Subscription Value After Limit ChangesTheoTheo looks at estimated allowances, per-task costs and his own review experiments, while arguing that model quality remains decisive.Coding-AgentenOpenAIAI cost & performance
2 Folien16:46EN
Theo - t3․gg· 2. Nov. 2026Theo Browne on Claude Ultra, Five-Hour Limits and SDK UsageTheo Browne · Ping LabsA breakdown of the renamed subscription tier, verification and reported differences between interactive and SDK usage.Coding-AgentenDeveloper productivityEntwicklungs-Workflows & Tests
4 Folien49:29EN
Theo - t3․gg· 30. Okt. 2026Theo on Agent Harnesses, Interfaces and Shifting AbstractionsTheo · T3 CodeThe T3 Code creator explains his model of harnesses and why he expects their differences to become less visible to users.Coding-AgentenAgent EngineeringSoftware engineering+2
5 Folien41:49EN
Theo - t3․gg· 29. Okt. 2026Theo Demonstrates T3 Code for Coordinating Coding AgentsTheo · t3.ggThe T3 Code creator walks through multiple agent providers, remote machines, thread organization and the tradeoffs of an open-source coding interface.Agent orchestrationEntwicklungs-Workflows & TestsAgent Engineering+2
5 Folien38:47EN
Theo - t3․gg· 28. Okt. 2026Theo’s Long-Running Agent Experiments: Verification, Compute and CostTheo Browne · Ping LabsA skateboard game and two compiler projects show how repeated checks and flexible compute can sustain agent work—and how expensive those loops can become.Coding-AgentenAgent EngineeringAI cost & performance+2
5 Folien36:07EN
Theo - t3․gg· 27. Okt. 2026Theo on Token Costs, Coding Agents, and the Price of AI CapabilityTheo Browne · Ping LabsA viral estimate of Lauren's AI spending prompts a closer look at cache pricing, benchmarks, and the changing work of coding agents.AI cost & performanceCoding-AgentenInference+1