Richard Visser

01Case study

De CV die zichzelf bouwde

Een Ralph-loop met Claude Code-subagents en MCP-tooling bouwde deze site — verse context per iteratie, filesystem als geheugen, een gate die pas commit bij groen typecheck, lint, build én axe.

Rol
Ontwerp + engineering van de agent-pipeline en de gate
Mapt op
Autonomous agents · AI boven handwerk
  • Claude Code
  • Ralph-loop
  • MCP
  • Next.js 16
  • Node/Python

De opzet

Media.Artists vraagt liever een portfolio dan een CV. Dus is het portfolio zelf het bewijsstuk: deze site is niet met de hand getikt, maar gebouwd door een autonome agent-pipeline — in de stack van de rol, en volledig WCAG 2.2 AA.

Het idee is een omkering. In plaats van te vertellen dat ik met autonome agents en AI-tooling werk, laat ik het artefact dat je nu leest die claim dragen. De git-historie is de logboekregel: elke commit is een iteratie van de loop.

Hoe het werkt

De kern is een Ralph-loop: een agent die in korte iteraties werkt, elke keer met verse context. Het filesystem is het geheugen — progress.md, fix_plan.md en een .agent/-map houden de staat vast tussen iteraties, zodat geen enkele run afhankelijk is van wat er in één context-window paste.

  • Claude Code als motor, met subagents voor afgebakende taken: een accessibility-lead die de a11y-fundering reviewt, een architect voor de routes, een reviewer voor de diff.
  • MCP-tooling voor de dingen buiten de code: eigen Model Context Protocol-servers die de agent toegang geven tot infrastructuur en data.
  • Node- en Python-scripts voor het echte werk — de axe-scan die elke route verifieert, draait als los script tegen een dev-server.

De gate

Het interessante zit niet in "AI schrijft code", maar in de rem. Er commit niets zonder dat een gate groen is: tsc zonder fouten, lint schoon, pnpm build geslaagd, én axe-core nul violations op de betrokken route. Faalt één stap, dan gaat de iteratie terug de loop in. De mens blijft eindverantwoordelijk — de gate is waar dat wordt afgedwongen.

Zo ontstaat een systeem dat snel is zonder roekeloos te zijn: de agent versnelt het werk, de gate bewaakt de kwaliteit.

Wat dit bewijst

Dit is precies de eis "autonomous agents · AI boven handwerk", niet als bewering maar als werkend systeem dat je kunt inspecteren. De making-of is de commit-log; het resultaat is de site eromheen. Voor een Creative Engineer die AI-tooling serieus wil inzetten, is dat het eerlijkste sollicitatiegesprek dat ik kan voeren.