AI past meer aan dan je vraagt

Je vraagt één ding en krijgt er vijf bij. De knop is groen, maar de kop is kleiner geworden, de afstanden zijn anders en de tekst die je gisteren aanpaste staat weer op de oude versie. Dat is geen bug in de tool. Het is hoe een taalmodel een wijziging uitvoert. Hieronder waarom het gebeurt, en vier manieren om een wijziging klein te houden, met prompts en git-commando’s die je zo kunt overnemen.

Herken je dit?

Een model herschrijft, het past niet aan

Een mens die een knop groen maakt, verandert één regel. Een taalmodel genereert zijn antwoord opnieuw. Vaak is dat het hele bestand of de hele sectie, en dan schrijft het alles wat erin staat opnieuw op. Waarden die nergens vastliggen, kiest het daarbij opnieuw, en een nieuwe keuze is net zo plausibel als de oude. Zo verandert een afstand van 24 naar 32 pixels zonder dat iemand erom vroeg.

Daarbij werkt het model vanuit wat het ziet. Pas je zelf een tekst aan in de code en vraag je daarna de tool om een wijziging, dan kan hij uitgaan van zijn eigen vorige versie. Jouw aanpassing staat daar niet in, dus hij verdwijnt.

En een vage opdracht nodigt uit. “Maak het wat moderner” geeft het model toestemming om alles aan te raken, en dat doet het dan ook.

Zo houd je een wijziging klein

1. Baken af in je prompt

Zeg wat er moet veranderen, waar, en wat niet mag veranderen. Laat de tool eerst vertellen wat hij gaat doen.

Wijzig alleen de primaire knop in de hero: achtergrond naar var(--color-action).
Verander niets anders: geen teksten, geen afstanden, geen andere componenten, geen andere bestanden.
Noem eerst welke regels je gaat wijzigen. Voer het pas uit als ik akkoord geef.

Eén wijziging per opdracht. Vraag je in één prompt een andere kleur, een nieuwe sectie en een korter menu, dan weet je achteraf niet welke wijziging wat kapotmaakte.

2. Wijs het onderdeel aan

Een beschrijving laat ruimte, een aanwijzing niet. In Claude Design klik je op het onderdeel op het canvas en zet je er een opmerking bij; de wijziging blijft dan bij dat onderdeel. In een codeertool noem je het bestand en de component: “in components/HeroSection.vue, alleen de knop”.

3. Zet je werk onder versiebeheer

Met git leg je na elke goede stap een vast punt vast. Na een AI-wijziging zie je dan precies wat er veranderde, en kun je alles in één keer terugdraaien.

git init
git add -A
git commit -m "Hero af, voor de kleurwijziging"

# na de AI-wijziging
git diff --stat
git diff

# alles terugdraaien wat de AI veranderde
git restore .

Kijk eerst naar git diff --stat. Vroeg je om één knop en staan er negen gewijzigde bestanden, dan weet je genoeg voordat je één regel hebt gelezen. Nieuwe bestanden die de AI aanmaakte, haalt git restore niet weg. Die zie je met git clean -n en ruim je op met git clean -f.

Werk je in Claude Design, dan is er nog geen versiegeschiedenis. Vraag de tool de huidige stand op te slaan voordat je iets anders probeert, of exporteer een kopie op elk punt dat je wilt bewaren.

4. Zet componenten vast

Is een component af, haal hem dan uit de discussie. Zet afgeronde componenten in een eigen map en zeg in het instructiebestand van je project dat de tool daar niet aankomt.

Wijzig nooit bestanden in src/components/vast/ tenzij ik daar letterlijk om vraag.
Heb je een andere knop of kaart nodig, gebruik dan de bestaande component.

Een regel in een instructiebestand is een verzoek: het model leest hem en houdt zich er meestal aan. In Claude Code kun je er ook een slot van maken. Een deny-regel in de instellingen van het project blokkeert elke bewerking in die map, wat het model ook besluit.

{
  "permissions": {
    "deny": ["Edit(./src/components/vast/**)"]
  }
}

Veelgemaakte fouten

Wanneer je hulp nodig hebt

Na veel rondes is een ontwerp vaak een lappendeken: elke pagina iets anders, componenten in vijf varianten. Dat rechttrekken doen we bij AI-design laten verbeteren. Moet het een website worden waarin je teksten aanpast zonder prompt, dan is AI-design omzetten naar een echte website de route; hoe dat werkt met een CMS staat in zelf teksten aanpassen in je AI-website. Dat ontwerpen per scherm uit elkaar lopen, heeft dezelfde oorzaak als dit probleem: waarom is mijn AI-design inconsistent. Alle gidsen staan in het overzicht van AI-design.