UX-essay · Agentic AI

Typ / voor een voorsprong in UX

Iedereen bij TrackBee kan Claude nu om een scherm vragen: developers, marketeers, de mensen van support. Wat eruit komt werkt, maar ziet er zelden uit of klinkt als TrackBee. Daarom bouwde ik met agentic AI een team van vier bots. Typ een slash en ze ontwerpen, bouwen, controleren en schrijven met onze UX-regels, voor iedereen op dezelfde manier. Ze geven geen af resultaat. Ze geven een beginpunt dat nog veel bewerking nodig heeft, en een mens verfijnt het daarna.

4
Bots, elk een Claude-skill
162
Wijzigingen sinds september
14
Van de 62 vragen hebben nog een mens nodig
Bedrijf
Rol Product designer, eigenaar van de Honeycomb-library en de vier bots
Team Ik, met reviews van de developers van TrackBee
Doorlooptijd September 2026 tot nu
Platform Claude Code, via Hivemind
Tools Claude Code, Figma, Honeycomb

Probleem

Dezelfde componenten, eerst afgekeurd en daarna goedgekeurd

Claude Code maakte bouwen goedkoop. Een developer heeft voor de lunch een dashboard draaien, en een marketeer maakt een pagina zonder ticket. Smaak werd er niet goedkoper door. Laat je een AI zijn gang gaan, dan bouwt hij het gemiddelde van alles wat hij ooit zag: grijze kaarten, een zin onder elk getal, een badge voor elk feit.

Ons Insights-dashboard was zo gebouwd, en onze product owner keurde het af omdat het overal willekeurige tekst toevoegt om getallen uit te leggen. Twee dagen later keurde dezelfde persoon een nieuwe versie goed: Ziet er nu uit als een echt product. Geen gevibecodeerd zijproject. Dezelfde componenten, dezelfde functies. De goedgekeurde versie liet gewoon minder zien.

  • Product ownerOveral willekeurige tekst om getallen uit te leggen.

  • Product ownerZiet er nu uit als een echt product. Geen gevibecodeerd zijproject.

Toen wist ik wat er ontbrak. Geen componenten, want TrackBee had al een library. Wat ontbrak was het oordeel over wanneer je ze gebruikt. Een deel van dat oordeel kun je opschrijven, de rest blijft bij een mens.

Gecombineerde prestaties
MER
Omzet +12.6%
€41,200
Uitgaven −3.1%
€15,489

11 dingen op deze kaart die er niet horen

Klik op alles wat er niet hoort.

Team & publiek

De rollen verschoven, de mensen niet

Cat Wu, die bij Anthropic het product van Claude Code leidt, vatte de verandering in één zin samen: in haar team leveren designers code op, nemen engineers productbeslissingen en bouwen productmanagers prototypes en evals. In Anthropics eigen onderzoek onder medewerkers vertelden engineers dat ze leiders en managers van agents worden.

Bij TrackBee gebeurt hetzelfde, met één verschil. De meeste mensen die hier met Claude bouwen zijn geen designers, en worden het ook nooit. Het ontwerp moet dus met de tool meekomen.

Verdieping

Vijf soorten werk, en wie elk ervan nu doet

Vijf tabs

Boris Cherny, die Claude Code bedacht, beschrijft het werk in zijn team als vijf soorten werk in plaats van vijf functies, en iedereen kan elk ervan doen. Hier is elk van de vijf bij TrackBee, eerst voor de designer en dan voor de product owner.

01Ideeën en scope

Bedenkt nieuwe ideeën, veel tegelijk, in de wetenschap dat de meeste nooit live gaan.

Vóór agents Met de bots UXProductdesigner Weken discovery voor het eerste scherm. Vraagt de Designer om een paar versies en probeert ze dezelfde dag uit. POProduct owner Schrijft vooraf de requirements. Beschrijft in gewone woorden wat hij wil en reageert op echte prototypes.

Bij TrackBee is dit de Designer: die tekent de versies.

Bronnen: Product management on the AI exponential, maart 2026; How employment is changing at Anthropic, oktober 2026; de vijf archetypes van Boris Cherny, gepost op X in juni 2026, in eigen woorden.

Proces

Vier bots, één lus

Elke bot is een Claude-skill: een lange briefing in gewone zinnen die Claude leest voordat hij begint. Drie ervan geven het werk aan elkaar door, en een mens beslist wanneer de lus stopt. De vierde, de Writer, zit niet in de lus: de andere drie lezen zijn regels. Ze leren elkaar ook dingen: wat ik bij elke stap corrigeer, wordt één set lessen, en die gaat terug naar alle vier.

De build Vragen die alleen een mens kan beantwoorden Het rapport,als prompt Iemandvraagt Designer Builder Inspector Jij antwoordt Pull request Writer
Het werk gaat rond tot een inspectie schoon terugkomt.
Zo lees je het
Wijs een stap aan om te zien wat die doet, wat jij daar doet en wat hij leert.
De Writer
Hij staat naast de lus en wordt alleen geraadpleegd terwijl de Designer, de Builder of de Inspector aan het werk is. Dan gaan regels over de stippellijn naar buiten als blauwe stippen, en wat die bot tegenkomt komt terug als gewone.

Een voorbeeldronde. De oordelen staan er zoals de Inspector ze schrijft.

Verdieping

Hoe de bots van jou leren

Diagram

De bots leren ook van jou. Wat je bij elke stap aanpast, promptet of beantwoordt, is een les. De vier bots maken daar samen één set lessen van, en die gaat terug naar elk van hen, zodat de volgende ronde ervan uitgaat.

Lessen Eén set, geschreven door de vier bots uit wat je ze leerde Jij past aan in Figma Designer Jij past aan met een prompt Builder Jij beantwoordt de vragenlijst Inspector Jij corrigeert de woorden Writer

Wat je bij elke stap leert, wordt één set lessen, die teruggaat naar alle vier de bots. Klik op een bot om het te zien.

01

De Designer tekent in Figma, alleen met de library

De Designer werkt binnen Honeycomb, de TrackBee-library die ik beheer. Elke kleur, hoek en tekststijl die hij plaatst is gekoppeld aan een variabele uit de library, dus een wijziging in de library komt terecht op elk board dat hij tekende. Voordat hij iets tekent, zet hij op een rij wat het scherm bevat en geeft elk onderdeel een oordeel. Het standaardoordeel is dat het weg moet.

Notitie bij het board

Winkelpagina op 1440. Het menu staat open. De tabel heeft meer ruimte nodig, dus Status en Laatste order delen één kolom tot 1536.

02

De Builder maakt code van de boards

De Builder leest de boards zelf, nooit een samenvatting ervan, en bouwt met de gecodeerde componenten van Honeycomb. Hij past het hele systeem in één keer toe, omdat degene die erom vraagt het systeem zelden kent en geen tweede keer vraagt.

03

De Inspector controleert, en vraagt alleen wat een mens nodig heeft

De Inspector verandert nooit code. Hij leest de build naast de regels van de Builder, de regels van de Writer en de Figma-boards, en meldt elk verschil met een bestand, een regel en een oplossing: een component dat geen Honeycomb is, een kleur die geen token is, een woord dat de regels van de Writer breekt, een knop die het tabletboard verbergt en de build niet.

Wat hij niet uit de code kan beoordelen, vraagt hij. Hij bouwt een vragenlijst die elk board naast de echte, werkende build zet en een mens vraagt om te kijken, te klikken en te beslissen. Op de winkelpagina ging dat van 62 vragen naar 14, omdat de Inspector er 46 zelf beantwoordde door te meten. Op een telefoon of tablet vraagt hij om hele taken, niet om losse schermen, zoals een winkel herstellen die niet meer trackt, in genummerde stappen die naast het apparaat blijven zweven terwijl je ze doorloopt.

62 vragen in de eerste versie

14 over voor een mens, nadat de Inspector er zelf 46 beantwoordde

Verdieping

Beantwoord zelf de vragenlijst

Werkende kopie

Als de persoon klaar is, schrijft de pagina de resultaten als prompt. In de Builder geplakt begint de volgende ronde. Dit is een kleine werkende kopie van die vragenlijst. Beantwoord hem met de muis, of met W en S om te bewegen en A en D om goed of fout te geven.

Winkelpagina · visuele en interactiecheck

Een replica, gemaakt voor deze pagina

Honeycomb Inspector

Figma
Northwind Outdoor Supply Co.northwind-outdoor.comOnderbroken
Build
Northwind Outdoor Supply Co.northwind-outdoor.comOnderbroken
  1. Bekijk de kaart naast zijn board.

    Verwacht: dezelfde look, ruimte en dikte als het ontwerp.

  2. Hover over de afgekapte winkelnaam in de build en tab er daarna naartoe.

    Verwacht: de volledige naam verschijnt beide keren in een tooltip.

04

De Writer houdt de woorden op één plek

De Writer is de vierde bot, en de enige die niets tekent of bouwt. Hij bewaart de regels voor elk woord en elk cijfer dat iemand buiten TrackBee leest: spelling, streepjes en aanhalingstekens, de namen die nooit vertaald worden, hoe getallen, geld, datums en tijden worden geschreven, en het afgesproken woord voor elk stuk marketingvocabulaire in het Spaans, Portugees en Nederlands.

Die regels stonden vroeger steeds opnieuw uitgeschreven in de Builder, in de voorbeeldcijfers van de Designer, in de controles van de Inspector en in een stijlgids in de repository van de app. Een fix in de ene moest in de andere worden onthouden. Nu is er één kopie. De andere drie bots laden de Writer voordat ze een woord schrijven of beoordelen, en een regel die één keer is aangepast, bereikt daarna elk scherm.

Verdieping

Dezelfde waarden, op twee manieren geschreven

Vier talen

Hij werkt ook los. Hij benoemt eerst het medium, een scherm, een e-mail, een social post, een helpartikel of een klantrapport, en past dan de regels toe die dat medium nodig heeft. Zo krijgen marketing, sales en support dezelfde woorden als het product. Hieronder staan dezelfde paar waarden twee keer: zoals een AI ze schrijft als niemand iets anders zegt, en zoals de Writer ze schrijft.

ROAS Een ratio is een kaal getal
Verandering in ROAS Een verandering is altijd een percentage
Omzet Symbool eerst, cijfers zoals de lezer ze schrijft
Datum Een datum noemt de maand
Tijd 24 uur, ook in het Engels
Vergadertijd Een tijd die op meerdere plekken wordt gelezen, noemt zijn zone en zijn steden
Knop Een knop zegt waar hij heen gaat, verder niets
Foutmelding Zeg wat er gebeurde en wat je nu moet doen

Getallen en datums worden live door je browser opgemaakt, voor de taal in het tabblad.

05

Hivemind zet ze één slash verderop

Hivemind is de gedeelde Claude-werkplek van TrackBee: één repository met de context en de skills van het bedrijf, door iedereen geïnstalleerd als plugin. Een bot die daar bijkomt, bereikt elke collega de volgende keer dat die Claude Code opent.

Niemand hoeft dus te weten dat de bots bestaan om ze te gebruiken. Een slash laat ze zien, en vragen om een dashboard dat eruitziet als TrackBee is genoeg om Claude de Builder zelf te laten laden, en vragen om een e-mail aan een klant laadt de Writer.

Wat er is opgeleverd

162 wijzigingen in acht weken, de meeste correcties

De eerste versie, één skill om te bouwen, ging op 18 september Hivemind in. Hij bleef klein tot het Insights-dashboard werd afgekeurd. Vanaf toen werd elke correctie een regel: de opmerkingen van de product owner, de review van een developer, een fout die ik in een build zag. Vanaf de dag dat de skill opsplitste in drie bots, veranderden ze 131 keer in drie dagen. De vierde bot, de Writer, kwam op 10 november, toen de regels over woorden en getallen uit de andere drie naar één plek verhuisden.

  • Eerste versie, één skill
  • Insights afgekeurd
  • Nieuwe versie goedgekeurd
  • Opgesplitst in drie bots
  • Writer toegevoegd
Wijzigingen aan de vier bots per dag, geteld in de Hivemind-repository.

Conclusie

Een deel van het oordeel kun je opschrijven, een deel niet

Smaak kun je maar deels opschrijven
Een deel van wat een scherm op TrackBee laat lijken, past in gewone zinnen. De rest is gevoel dat alleen een mens meebrengt.
Weghalen is de moeilijkste regel
Een bot voegt toe als je hem zijn gang laat gaan. Elke ronde die alles hield en opnieuw stylede, werd afgekeurd. Wat het verschil maakte, was een budget voor wat een kaart mag bevatten.
Een mens beslist nog steeds
De Inspector beantwoordt wat hij kan meten en vraagt de rest. De vragen die overblijven gaan over gelijkenis en gevoel, en daar verdient het oog van een designer nog steeds zijn plek.

De bots maken TrackBee zelf ook beter. Als een regel verandert, volgt elk scherm dat daarna gebouwd wordt, wie er ook om vroeg. De Writer brengt dat naar de woorden: pas een regel over datums of knoppen één keer aan, en elke bot en elke e-mail daarna volgt hem. Het is de les van mijn eerdere design systems, een stap verder: een library leeft alleen als hij als code wordt gebruikt, en nu is een deel van het oordeel eromheen ook code.