Een post die begin juli rondging op X claimt dat Claude Code plus Higgsfield in één agentic sessie een geanimeerde website van 35.000 dollar bouwt, voor ongeveer 12 dollar aan credits (Bron: @zeuuss_01). Het bedrag is marketing, de workflow eronder is echt en leerzaam. Dit is hoe je hem zelf draait, en waar de kleine lettertjes zitten.
Waarom dit nu kan
De vloeiende studio-look — secties die binnenglijden terwijl je scrollt, een video-hero, tekst die per letter verschijnt — draait vrijwel altijd op twee bibliotheken: GSAP voor de animaties en Lenis voor de smooth scroll. GSAP was jarenlang deels betaald, maar is sinds de overname door Webflow volledig gratis, inclusief plugins als ScrollTrigger (Bron: GSAP). Lenis is open source van darkroom.engineering (Bron: GitHub). Het dure zat nooit in de licenties; het zat in de uren handwerk om alles aan elkaar te knopen. Precies dat werk doet een agentic coding-tool nu. Wat “agentic” precies betekent, legt hetlaatsteainieuws.nl uit in AI-agents in 2026: wat zijn ze en wat kun je er echt mee?
Stap 1 — Brief Claude Code als een opdrachtgever
Start Claude Code in een lege projectmap en schrijf een brief in plaats van een prompt: doel van de site, aantal secties, gewenste sfeer, welke animaties je wil (“hero met video-achtergrond, secties faden in bij scroll, horizontale galerij”). Noem GSAP en Lenis expliciet — dan slaat het model de eigen-houtje-animatiecode over en pakt het meteen de standaard. Laat het eerst een plan tonen voor het gaat bouwen; bijsturen op het plan is goedkoper dan bijsturen op code.
Stap 2 — Genereer je assets in Higgsfield
Terwijl Claude Code de structuur neerzet, maak je in Higgsfield de beelden: een hero-video van een paar seconden, sfeerbeelden per sectie, eventueel een korte loop als achtergrond. Higgsfield bundelt meerdere beeld- en videomodellen achter één credit-systeem; betaalde plannen beginnen rond de 15 dollar per maand en losse bundels kosten ongeveer 5 dollar per 100 credits, met een houdbaarheid van 90 dagen (Bron: Higgsfield). Genereer varianten in één sessie, dan verspil je geen credits aan losse nabestellingen.
⚡ Gevorderden: laat Claude Code de video’s door ffmpeg halen (compressie naar webm/mp4, poster-frame extractie) en Lenis aan GSAP’s ScrollTrigger koppelen via de ticker. Dat zijn precies de klusjes die handmatig een middag kosten en die het model foutloos uit z’n mouw schudt — mits je er expliciet om vraagt.
Stap 3 — Laat de agent koppelen en testen
Zet de assets in de projectmap en geef Claude Code de tweede opdracht: assets koppelen, scroll-animaties afwerken, responsive maken, dev-server draaien. Kijk mee en koppel terug wat je ziet (“de galerij hapert op mobiel”). Een agentic sessie is een dialoog; de kwaliteit van het eindresultaat hangt meer af van jouw feedback dan van de eerste generatie.
Stap 4 — Reken eerlijk
De “12 dollar”-claim telt alleen de verbruikte credits. In werkelijkheid stapel je: een Claude-abonnement of API-tegoed voor Claude Code, een Higgsfield-plan, en je eigen uren voor review en smaak. Nog steeds een fractie van een studio-offerte — maar wie het als gratis presenteert, verkoopt iets. Wie zuinig wil draaien met Claude Code-tokens, pakt onze gids Caveman Claude Code: tokens besparen erbij, en wie meerdere onderdelen parallel wil bouwen de parallelle-sessies-workflow.
Checklist: ben je klaar?
- Claude Code geïnstalleerd en gekoppeld aan je abonnement of API-key
- Brief geschreven: doel, secties, sfeer, gewenste animaties
- GSAP en Lenis expliciet in de opdracht genoemd
- Higgsfield-account met genoeg credits voor je assets (varianten in één sessie)
- Video’s gecomprimeerd (webm/mp4) en van poster-frames voorzien
- Site getest op mobiel én desktop, scroll-performance gecheckt
- Eigen review-ronde gedaan — de agent bouwt, jij beoordeelt