{
  "id": 5743369,
  "title": "Your coding agent can write the UI. It can't see that it broke it.",
  "url": "https://urgent.news/2026/09/05/your-coding-agent-can-write-the-ui-it-cant-see-that-it-broke-it",
  "topic": "tech",
  "section": "Tech",
  "published": "2026-09-05T08:23:27.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/igrlk/your-coding-agent-can-write-the-ui-it-cant-see-that-it-broke-it-3bi"
  },
  "original_language": "en",
  "account": "Coding agents are capable of writing UI code and fixing themselves when provided with a failing test, stack trace, or CI log. However, when it comes to visual testing on the UI, the agents struggle to identify and correct issues. The problem lies in the lack of a visual context for the agent to understand the changes. To address this, a simple solution has been developed: screenshot the UI in the cloud on every pull request, diff it against the baseline, and post a check and comment right on the pull request. This approach effectively closes the loop for the agent and eliminates the need for manual intervention. The key to success lies in providing the agent with the actual diff, rather than a raw PNG, and focusing on the cropped regions that have changed. By implementing this method, teams have been able to create a self-repairing agent that can review and accept intended changes while flagging real regressions. With the introduction of visual testing specifically designed for coding agents, the review process becomes automated, efficient, and reliable.",
  "summary": "Give a coding agent a failing test and it fixes itself. Give it a stack trace, a type error, a red CI log, and it reads the signal, reasons about the cause, and corrects. That loop is the whole reason agents feel autonomous on the backend. On the UI it falls apart. The agent edits some CSS, sees nothing, and tells you it \"looks great.\" It has no eyes on the result. A blind reviewer rubber-stamps…",
  "key_points": [
    "Coding agents can write UI code but struggle with visual testing",
    "Solution involves screenshotting UI in cloud on pull requests",
    "Providing diff, not raw PNG, enables self-repairing agent"
  ],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 1,
    "also_reported_by": []
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}