Soms stroomt het gewoon. Je begint met “waar was ik gebleven?” en twee uur later heb je vijf verbeteringen doorgevoerd. Vandaag was zo’n dag. Hulp van een virtuele product owner Ik had een probleem: te veel ideeën, te weinig tijd. Wat moet ik eerst doen? Normaal zou ik gewoon beginnen met wat het leukst lijkt. Maar deze keer vroeg ik het aan Johanna - mijn virtuele product owner. Even uitleggen: wie is Johanna? In mijn werkmap heb ik een verzameling “agents” - tekstbestanden die Claude vertellen hoe hij zich moet gedragen. Johanna is er één van. Als ik haar “laad”, denkt Claude vanuit het perspectief van een product owner. ...

Na zeven sessies en een werkende app is het tijd voor een eerlijk gesprek. Want de verhalen hiervoor kunnen een verkeerd beeld geven. Het misverstand “De AI bouwde een app in 16 uur.” Dat is wat de cijfers zeggen. Maar het is niet het hele verhaal. Wat ik doe (en waarom het ertoe doet) De juiste vragen stellen De AI kan alles bouwen. Maar alleen als je weet wat je moet vragen. ...

“Het moet aanvoelen als een echte app” De app werkt. De app is live. Maar… het voelt nog als een website. Tijd voor native feel. Pull-to-refresh (30 min) Je kent het. Trek naar beneden, de app refresht. Zo simpel, zo verwacht op iOS. Trek naar beneden → Refresh indicator 80px threshold voor trigger Smooth animatie overscroll-behavior voor browser compatibility Feels: Net een native app! De code let startY = 0; let pulling = false; element.addEventListener('touchstart', (e) => { if (window.scrollY === 0) { startY = e.touches[0].pageY; pulling = true; } }); element.addEventListener('touchmove', (e) => { if (!pulling) return; const diff = e.touches[0].pageY - startY; if (diff > 80) { // Show indicator, trigger refresh } }); Simpel. Effectief. Native feel. ...

Hoe tekstbestanden me helpen denken. Het probleem Ik was aan het bouwen, maar ik miste iets. Niet de code - die kwam wel. Maar de richting. Wat moet ik eerst doen? Is dit goed genoeg? Mis ik iets? Normaal zou je dit aan collega’s vragen. Een product owner. Een designer. Een tester. Maar ik werk alleen. De oplossing: virtuele experts In mijn werkmap heb ik een verzameling “agents” - simpele tekstbestanden die Claude vertellen hoe hij moet denken. Het klinkt technisch, maar het is eigenlijk heel simpel. ...

De kortste sessie Soms zijn de beste sessies de kortste. Netlify setup (30 min) netlify.toml configuratie Build settings geconfigureerd Custom domain ready Auto-deploy op git push Het moment Deploy successful! https://dailymo.netlify.app Ik open de URL op mijn iPhone. De app laadt. Smooth. Snel. De install prompt verschijnt. “Zet op beginscherm” Tap. En daar staat ie. Op mijn home screen. Tussen de andere apps. Alsof het altijd al zo was. Van idee naar live Stap Tijd Idee → Project setup 15 min Project → MVP 50 min MVP → Tested 4 uur Tested → Production ready 4 uur Production ready → LIVE 30 min Totaal: ~9 uur AI tijd. ~1.5 uur mijn tijd. ...

Weet je dat gevoel wanneer je weken ergens aan werkt en het dan ineens… klikt? Vandaag was zo’n dag. Van chaos naar structuur Ik begon deze sessie met één groot HTML-bestand van 2000+ regels. Hier schaam ik me een beetje voor, maar zo was het nu eenmaal gegroeid. Alles door elkaar: styling, logica, data. Vier uur later? Netjes opgedeeld in ES Modules. Elk onderdeel in zijn eigen bestand. Zoals je kledingkast opruimen – je weet precies waar alles ligt. ...

14:00 - “Waar was ik gebleven?” Na 3 dagen pauze open ik Claude Code: “waar was ik gebleven?” Claude herinnert zich alles. Session 3 was bezig met Issue #16 (Testing Milestone). Accessibility score was 51%. Context switching is een non-issue met goede documentatie. Manual testing afgerond (15 min) Screenshot script had een bug: // Before: page.fill('#water-intake', '6') // FAIL - readonly! // After: 6× page.click('#water-add') // Works! 7 screenshots gemaakt, TC-01 t/m TC-07: ALL PASS! ...

21:00 - “Het mag wel mooier” Ik kijk naar mijn app. Het werkt. Maar… het is niet mooi genoeg. Ik had referentie screenshots verzameld (Fastic, HealthTrack UI Kit, etc.) en zei tegen Claude: “Kijk naar deze voorbeelden en kom met een nieuw ontwerp.” Complete design overhaul (1 uur) UI Specialist ging los: Quick stats 2×2 grid met circular progress Water intake visualisatie: 8 druppel iconen die oplichten! 💧 Alcohol selector: grotere pills Health score: compacter, minder dominant Gradient accenten: terracotta & sage green (premium look!) Grotere headings, meer breathing room Result: App ziet er nu uit als een €10/maand premium product. En het is gratis! ...

12:10 - “Ok laten we starten!” Sessie 2. Tijd om écht te bouwen. In de volgende 50 minuten bouwde Claude: Complete MVP implementatie (35 min) Frontend Developer maakte: storage.js (250+ lines) - localStorage management, export, sanitization healthScore.js (200+ lines) - 0-100% score algoritme met gewogen metrics app.js (350+ lines) - Main application logic, events, UI updates main.css (700+ lines) - Fastic-inspired mobile-first design Totaal: ~1,500 lines in 35 minuten. WTF. ...

“Ik kan dat toch niet?” Als je dit leest, heb je waarschijnlijk wel eens gedacht: “Ik wil graag [app/website/tool] maken, maar ik kan niet programmeren.” Ik ook. Totdat ik het gewoon deed. Het idee Ik wilde mijn dagelijkse gezondheid bijhouden. Slaap, water, beweging, pijn… je kent het wel. Er zijn apps voor, maar: Ze sturen mijn data naar de cloud (privacy? Bye bye!) Ze zijn bloated met features die ik niet nodig heb Ze kosten €10/maand voor basic functionaliteit Dus dacht ik: “Fuck it, ik bouw het zelf.” ...