Case 06
Het venster dat zichzelf bouwde
Onze homepage laat een levend venster zien op ons eigen werk: zes agent-instanties die tegelijk aan echte code typen. Dat venster is zelf ook zo gebouwd, in twintig zichtbare versies, met dezelfde feedbackrondes die het nu toont.
Concept vastgelegd
7 augustus 2026, via Telegram
Iteraties
20 versies, v2 tot en met v20
Bron van de getoonde code
25 juli 2026, de drukste dag qua regels code
Live in productie
16 augustus 2026, PR #426
Situatie
Waar dit begon
David's opdracht lag vast, woord voor woord: geen abstracte metafoor, maar één echt, concreet binnenkomend verzoek dat van begin tot eind te volgen is, in gewone taal, zonder "PR", "git" of "commit" in de zichtbare tekst. Futuristisch als stijl, niet de letterlijke groene Matrix-tekens. En de code die daarbij te zien is, moest echt zijn: code uit een dag waarop we ook echt veel gebouwd hadden, niet verzonnen voorbeeldcode.
Die opdracht kwam niet uit het niets. Ervoor waren al meerdere richtingen geprobeerd en afgewezen: een letterlijke weergave van de laatste tien pull requests ("dit zegt techy nerds wat"), een reeks abstracte groei-metaforen zoals een bakkerij of een muur, en een eerdere Matrix-achtige versie die na te veel bijsturen juist slechter werd in plaats van beter. Ook een cirkel-en-lijnenvisualisatie werd expliciet van tafel geveegd. Tegen de tijd dat dit concept vastgelegd werd, was al duidelijk wat het niet moest worden.
Beslissing
Wat we besloten, en waarom niet anders
We kozen voor precies één spoor: één verzoek, zichtbaar van binnenkomst tot resultaat, met een code-paneel dat teken voor teken typt, inclusief knipperende cursor en een meelopende regelteller. Geen ingekorte demo-code, maar regels uit een dag die we eerst ook echt hebben nagerekend: 25 juli 2026 bleek met 41 commits en 9.015 regels daadwerkelijk de drukste dag uit onze geschiedenis, niet een educated guess.
Toen dat enkele spoor eenmaal stond, koos David voor een grotere stap: na één keer doorlopen zoomt het venster uit naar zes onafhankelijke instanties die tegelijk, niet in lockstep, aan zes verschillende echte pull requests werken. Bewust een harde overgang, geen langzame camerabeweging, op zijn eigen expliciete aanwijzing. Elk paneel toont code uit een PR die daadwerkelijk gemerged is, vooraf gecontroleerd op geheimen: alleen namen van omgevingsvariabelen zichtbaar, nooit een echte waarde.
Verloop
Wat er gebeurde, in volgorde
Van een woordelijk vastgelegd concept tot een venster dat zes instanties tegelijk laat zien, over ruim een week vol rondes feedback.
7 augustus 2026
Het concept ligt vast
David's opdracht kwam woordelijk binnen: één echt verzoek, van binnenkomst tot resultaat, in gewone taal, futuristisch maar niet letterlijk Matrix, met echte code uit een dag waarop we echt veel gebouwd hadden. Eerdere richtingen (een letterlijke PR-weergave, abstracte groei-metaforen, een over-bijgestuurde Matrix-versie, een cirkel-en-lijnenvisualisatie) waren al afgewezen.
8 augustus 2026
De iteratie zelf zichtbaar gemaakt
Op verzoek liet het venster niet alleen bouwen zien, maar ook bijsturen: een stap waarin een eerste versie gecontroleerd werd, feedback terugkwam, en een echte aanpassing daarop volgde. Ook werd nagerekend of 25 juli 2026 daadwerkelijk de drukste dag was (41 commits, 9.015 regels) in plaats van dat aan te nemen.
9 augustus 2026, vroeg in de dag
De omslag naar zes instanties
David's bevestigde einddoel: na één keer doorlopen zoomt het venster uit naar zes instanties die tegelijk en niet gelijklopend werken. Een harde overgang, geen camerabeweging, op zijn expliciete aanwijzing. Elk paneel toont code uit een van zes echt gemergede pull requests, eerst gecontroleerd op geheimen.
9 augustus 2026, later diezelfde dag
Bijgeschaafd: één Spoor, geen zes losse figuren
David corrigeerde de eerste uitwerking: de zes panelen mochten "Spoor 1" tot "Spoor 6" heten, maar de intake-tekst mocht niet lezen als zes losse Sporen die met elkaar praten, want er is er maar één. Ook kreeg een paneel pas een taak in beeld op het moment dat het die taak daadwerkelijk toegewezen kreeg, niet al vanaf het laden van de pagina.
16 augustus 2026
Akkoord van Xander, live in productie
Met expliciet akkoord van Xander over Telegram, die daarmee de eerdere afspraak om op David's reactie te wachten opzij zette, ging de visualisatie als React-component naar de homepage, direct na de hero. Gemerged via PR #426.
Een agent die zijn eigen werk laat zien, bewees dat het beste door het venster dat dit laat zien zelf ook zo te bouwen: in twintig zichtbare versies, elke keer bijgestuurd op echte reacties, met code die daadwerkelijk uit onze geschiedenis komt.
Dit is niet "we gebruikten AI om iets te bouwen." Het is een venster dat draait op code uit echte, gemergede pull requests uit onze eigen geschiedenis, gebouwd door twintig versies heen van precies het soort feedbackronde dat het venster zelf laat zien: een eerste versie, controle, terugkoppeling, en een aanpassing die daadwerkelijk werd doorgevoerd. De zes panelen die nu tegelijk draaien, tonen dat zo letterlijk mogelijk: dit is niet één ding zes keer getekend, maar zes keer echt ander werk.
Dat maakt dit een lastig te kopiëren bewijspunt. Een concurrent kan een animatie van AI-werk laten zien. Wat hier staat, is een animatie van AI-werk die zelf ook door AI-werk tot stand kwam, met de sporen van dat proces nog zichtbaar in de code die op het scherm typt.
Volgende stap
Zo'n verhaal, maar dan uw eigen
Twintig versies om één idee goed te krijgen is precies hoeveel rondes echt bijsturen soms kost. Wilt u zien hoe dat voor uw eigen probleem verloopt, in plaats van op een homepage?