Hoe Buildflow werkt
Buildflow is de werkwijze waarmee Cut The Code Webflow-sites bouwt met Claude Code. Je gebruikt hem in je eigen Claude Code. Deze pagina legt uit wat er waar draait, wat er waar wordt opgeslagen en hoe updates bij je komen.
Wat draait waar
Op je eigen computer, in Claude Code. De Buildflow-plugin. Die bevat:
- de poortwachter: een controle die vraagt voordat er iets bestaands op een live site wordt gewijzigd of verwijderd;
- de builder: een hulpagent die losse onderdelen van een plan bouwt;
- scripts voor knoppen, navigatie en het meten van een wijziging in Chrome;
- de sjablonen voor een projectmap per site;
- per vaardigheid (bouwen, componenten, interacties, knoppen, navigatie, kaarten) een korte beschrijving, zodat Claude weet wanneer hij die moet gebruiken.
Op de server van Cut The Code. De instructies zelf: hoe er gepland, gebouwd en gecontroleerd wordt, de Lumos-regels en de Webflow-kennis. Claude haalt ze op het moment dat hij ze nodig heeft, volledig, via de tool buildflow_read. De server controleert bij elke vraag of je account actief is.
Rechtstreeks tussen jouw Claude en Webflow of Figma. Alle wijzigingen aan je site en alle designdata. Je verbindt Webflow en Figma zelf met je eigen account. Dat verkeer gaat niet via Cut The Code.
Wat er op je computer staat
- De plugin, in
~/.claude/plugins. - Per site een projectmap die je zelf aanmaakt met
/buildflow:project. Daarin staanproject.json(welke site, live of niet), een momentopname van de site (pagina’s, classes, variabelen, componenten), exports uit Figma, bouwplannen, een logboek en de beslissingen die per site, pagina of component zijn genomen. Dit is jouw sitedata. Je kunt de map in je eigen Git-repository zetten om hem met collega’s te delen. - Je login bij Buildflow. Die beheert Claude Code, net als je andere logins.
- Je gesprekken met Claude, in
~/.claude/projects. Claude Code bewaart die zelf. De instructies die Claude tijdens het werk ophaalde staan daar ook in.
Wat Cut The Code opslaat
- Je organisatie, wie erbij hoort en of het account actief is.
- Van API-keys alleen een versleutelde vingerafdruk, niet de key zelf.
- Welke Buildflow-instructie wanneer en door wie is opgehaald.
Geen sitedata, geen designs, geen gesprekken en geen inloggegevens van Webflow of Figma. Elke opgehaalde instructie krijgt een onzichtbare markering met je account, zodat te herleiden is waar een gekopieerde tekst vandaan komt.
Updates
Instructies worden op de server bijgewerkt. Iedereen krijgt de nieuwe versie bij de eerstvolgende keer dat Claude een instructie ophaalt. Je hoeft daarvoor niets te doen.
De plugin zelf (poortwachter, builder, scripts) werkt Claude Code bij als hij start. Is je plugin te oud voor de instructies, dan zegt Buildflow dat en noemt het commando: claude plugin update buildflow@cutthecode.
Toegang
Een nieuw account wacht op activatie door Cut The Code. Wordt de toegang ingetrokken, dan weigert de server de volgende vraag om een instructie en verwijst Claude naar dit portaal. Je projectmappen en alles wat al op je site staat, blijven gewoon van jou.
De instructies zijn een licentie voor je eigen werk en dat van je organisatie. Kopiëren, delen of doorverkopen is niet toegestaan, zie de voorwaarden.
Problemen oplossen
- Werkt het? Vraag Claude: “wat is mijn Buildflow-status?” Je ziet je account, de status en de versie.
- Claude vraagt om in te loggen of Buildflow reageert niet. Typ
/mcpin Claude Code, kiesplugin:buildflow:buildflowen log opnieuw in. - “Wacht op activatie” of “ingetrokken”. Kijk op je dashboard of neem contact op met Cut The Code.
- Melding dat de plugin te oud is. Draai
claude plugin update buildflow@cutthecodeen start Claude Code opnieuw. - Claude past Webflow niet aan. Controleer of de Webflow-connector is verbonden en of de Designer open is met de MCP Bridge-app aan.