Een AI-code-agent visuele feedback geven met headless browsers en OpenCV
Geautomatiseerde controles maken de agentic loop sneller.
- Beantwoordt
- Hoe laat je een AI-code-agent zijn eigen UI-werk controleren?
- Onderwerpen
- AI · experiment · programming · work
- Volledig artikel op willem.com
- https://willem.com/nl/2026-04-30_snelle-iteratie-in-agentic-loops/
Samenvatting
In 2026 gaf ik mijn code-agent ogen: headless browsers renderen zijn werk op verschillende schermformaten en lokale OpenCV-modellen controleren automatisch uitlijning, overflow, leesbaarheid en consistentie. Dat haalde zo'n 80% van de frictie uit mijn ontwikkelloop.
Volledige tekst
UI-wijzigingen met de hand testen, kijken hoe een nieuwe knop eruitziet en past op elk schermformaat, kost steeds meer tijd naarmate software complexer wordt. Dus automatiseerde ik het. De agent rendert zijn eigen werk in headless browsers op verschillende schermformaten, en lokale computer vision modellen op basis van OpenCV testen automatisch op uitlijning, overflow, leesbaarheid (a11y) en consistentie. Naast de visuele controles voer ik de agent ook zijn logoutput en geautomatiseerde smoke tests, zodat elke iteratie gecontroleerd wordt zonder mij in de loop. Ik trainde de opzet door de agent een 3D-model te laten bouwen van een foto van een bierflesje, een nuttige oefening om de stroom van beeld naar data naar AI-context naar actie te begrijpen. Wacht niet op snellere modellen: pak je bottlenecks nu aan.