3 Doku-Verfütterer 4 Der Lotse ~9 Min

Check vor dem Launch: Der Verifikations-Loop des Agenten

Bevor du „fertig“ rufst - lass den Agenten sich selbst überprüfen

Check vor dem Launch der Seite: Verifikations-Loop in 6 Schritten - Build, Typen, Linter, Tests, Sicherheit, Änderungen ansehen. Damit die Seite nicht beim ersten Klick abschmiert.

ECC-Skills in dieser Lektion: verification-loop

Was „Check vor dem Launch“ bedeutet, einfach erklärt

Stell dir vor: Ein Kumpel schickt dir ein Foto von einer Torte. Glatt, glänzend, Kerzen brennen. „Fertig, hau rein!“ Du kommst an - und drinnen ist roher Teig. Außen sieht’s halt top aus. Nur hat keiner mit dem Zahnstocher reingestochen.

Genau dieses „fertig“ vom KI-Agenten ist exakt der Moment, in dem der Zahnstocher noch nicht rausgeholt wurde. Der Agent hat ehrlich gemacht, worum du gebeten hast. Und glaubt aufrichtig, dass alles super ist. Nur hat er es nicht überprüft. Bis du ihn darum gebeten hast.

Ein Roboter zeigt stolz eine Torte mit Kerzen, aus dem Anschnitt läuft roher Teig heraus
„Fertig!“ - strahlt der Agent. Der Zahnstocher sieht das anders.

Warum ein Vibecoder das Ergebnis des Agenten überprüfen sollte

Du bist Vibecoder. Du liest den Code nicht Zeile für Zeile - und das ist okay. Aber genau deshalb brauchst du einen Weg, das Ergebnis zu überprüfen, ohne den Code zu lesen. Der Check-Loop ist genau dieser Weg. Wenn du ihn drauf hast, kriegst du gleich mehrere Goodies:

  • du hörst auf, Seiten online zu stellen, die beim allerersten Klick kaputtgehen;
  • du fängst den Fehler, solange er klein ist - und nicht erst, wenn Freunde schreiben „bei dir ist da alles weiß“;
  • du lernst, „der Agent denkt, er hat’s gemacht“ von „läuft wirklich“ zu unterscheiden;
  • du schläfst ruhig. Weil du einen grünen Report in der Hand hast und nicht nur den Glauben ans Beste.

Zwischen „ich hab die Seite hochgeladen“ und „ich hab eine funktionierende Seite hochgeladen“ liegt ein einziger Check-Durchlauf. Zehn Minuten, die dir einen ganzen Abend voller Peinlichkeit sparen.

Wie der Verifikations-Loop (verification loop) bei Claude funktioniert

Ein vernünftiger Agent hat eine eingebaute Angewohnheit - die Verifikation . Keine Magie. Und kein einzelner Wundertest. Es ist eine Checkliste nach Phasen, die der Agent von oben nach unten durchgeht. Gehen wir sie mal ganz menschlich durch.

Schritt 1. Build des Projekts - baut das Ding überhaupt?

Die erste und wichtigste Frage: Lässt sich das Projekt zu einer fertigen Seite bauen - oder schmiert der Build mit einem Fehler ab? Das ist, als würdest du checken, ob aus den Zutaten eine Torte geworden ist und nicht eine Pfütze auf dem Backblech.

Schritt 2. Typencheck - passen alle Teile zusammen?

Als Nächstes der Typencheck . Einfach gesagt: die Kontrolle „passt Schräubchen A wirklich in Loch A und ist nicht schief mit dem Hammer reingekloppt“. Die Maschine läuft selbst das Projekt durch und zeigt, wo etwas nicht zusammenpasst. Kritische Fehler reparieren wir sofort. Nicht aufschieben.

Schritt 3. Linter - der pingelige Nachbar-Perfektionist

Der Linter ist ein penibler Nachbar. Er geht durch die Wohnung und murrt: hier ist’s staubig, hier hängt’s schief, hier hast du die Glühbirne vergessen reinzudrehen. Von seinem Gemecker geht die Seite nicht kaputt. Dafür schafft er Ordnung - und fängt nebenbei oft echte Bugs ab.

Schritt 4. Tests - jemand drückt für dich alle Knöpfe

Tests sind ein Roboter, der statt dir auf alle Knöpfe drückt und abgleicht: tun sie das, was sie sollen, oder nicht. Der Agent startet sie und meldet ehrlich: wie viele Tests es insgesamt gibt, wie viele durchgegangen sind, wie viele abgeschmiert sind.

Schritt 5. Sicherheit - hast du die Schlüssel nicht im Schloss stecken lassen?

Hier sucht der Agent das, was niemals in öffentlichen Code geraten darf: Passwörter, geheime Schlüssel, Access-Tokens. Das ist, als würdest du checken, ob du nicht die Wohnungsschlüssel unter die Fußmatte mit der Aufschrift „SCHLÜSSEL HIER“ gelegt hast. Und nebenbei räumt er vergessene „Schreie in die Konsole“ zum Debuggen weg.

Schritt 6. Änderungen ansehen - was hat sich überhaupt geändert

Das Finale: Der Agent schaut sich die Liste von dem an, was er wirklich angefasst hat. Welche Dateien sich geändert haben, wie viele Zeilen. Genau hier tauchen die Überraschungen auf. „Ups, ich hab die falsche Datei umgeschrieben.“ Oder „warum haben sich 40 Dateien geändert - ich wollte doch nur einen Button anpassen?“

Eine Checkliste aus sechs Punkten mit grünen Häkchen, der letzte Punkt ist rot
Sechs Phasen. Grün - wir fahren weiter. Rot - Stopp, reparieren.

Wie ein guter Check-Report aussieht

Am Ende soll der Agent dir einen kurzen Ampel-Report ausgeben. Keine Textwand. So erkennst du auf den ersten Blick einen nützlichen Report von einem leeren.

Nützlicher Report
  • Man sieht jede Phase: Build, Typen, Linter, Tests, Sicherheit.
  • Neben jeder steht PASS oder FAIL und Zahlen: wie viele Fehler, wie viele Tests bestanden.
  • Unten ein ehrliches Urteil: „bereit zum Veröffentlichen“ oder „nicht bereit“.
  • Ist etwas rot - gibt's eine Liste „was zu reparieren ist“ Punkt für Punkt.
Nutzloser Report
  • Einfach „alles fertig“ ohne eine einzige Zahl und ohne Beweis.
  • Sagt „Tests bestanden“, aber zeigt nicht, wie viele es waren.
  • FAIL ist irgendwo in der Mitte versteckt, und oben steht munter „Erfolg“.
  • Eine Wand aus Logs ohne Fazit - fisch dir selbst raus, ob's durch ist oder nicht.

Beispiel: warum „fertig“ vom Agenten die Seite kaputt macht

Du vibecodest eine Landingpage für deinen Kanal. Der Agent arbeitet eine Stunde lang ohne Pause durch - generiert Formulare, Animationen, Galerie. Und schreibt fröhlich: „Fertig! Die Seite läuft komplett 🎉“. Du stellst sie online, schickst den Link an Freunde - und da ist ein weißer Bildschirm und ein einsamer trauriger Fehler in der Ecke.

Was wirklich passiert ist:

  1. Der Agent hat das letzte Feature fertiggeschrieben und das Projekt nicht neu gebaut - der Build ist leise abgeschmiert.
  2. Irgendwo „passte das Schräubchen nicht“ (ein Typenfehler), und es war keiner da zum Überprüfen.
  3. „Fertig“ hieß „ich hab fertig getippt“. Und nicht „ich hab überprüft, dass es läuft“.

Ein cleverer Vibecoder hätte es anders gemacht. Er hätte dem Agenten vorab verboten, „fertig“ ohne Report auszusprechen:

Prompt - kopieren und ausprobieren

Wenn du die Aufgabe fertig hast, schreib mir kein „fertig“, bevor du den vollen Check durchgefahren bist und mir den Report gezeigt hast.

Geh die Schritte durch:

  1. Bau das Projekt. Wenn der Build abschmiert - halt an und repariere ihn zuerst, fass Neues vorerst nicht an.
  2. Prüfe Typen und Linter, liste die gefundenen Fehler auf.
  3. Starte die Tests und schreib: wie viele insgesamt, wie viele bestanden, wie viele abgeschmiert.
  4. Prüfe, dass keine Passwörter, Schlüssel und Tokens in den Code geraten sind.
  5. Zeig die Liste der geänderten Dateien.

Gib am Ende einen kurzen Ampel-Report zu jedem Punkt aus: PASS oder FAIL. Und ein ehrliches Urteil: bereit zum Veröffentlichen oder nicht. Ist etwas rot - erst reparieren, dann berichten.

Wann du den Check vor dem Launch fahren solltest

Nach jedem Buchstaben mit dem Zahnstocher zu stechen, ist nicht nötig - das ist langsam und teuer in Tokens. Fahr den Check an den Grenzen:

  1. Feature fertig - Check gefahren, sichergestellt, dass du Altes nicht angekratzt hast.
  2. Vor dem Veröffentlichen - unbedingt. Die letzte Kontrolle, bevor deine Freunde die Seite zu sehen bekommen.
  3. Nach einem großen Umbau - der Agent hat viel durchgerüttelt, da ist schnell mal was angekratzt.
  4. Wenn etwas „sich komisch verhält“ - der Button lässt sich nicht drücken, das Bild lädt nicht. Der Check zeigt, wo genau.
  5. In einer langen Session - alle 10-15 Minuten aktiver Arbeit, damit der Fehler nicht zur Lawine anwächst.
Meme: Der Agent zeigt den Daumen hoch und schreibt „fertig, alles läuft“, während im Hintergrund die Seite brennt
Der Klassiker schlechthin: „läuft auf meiner Maschine“.

Häufige Anfängerfehler beim Check der Seite

  • Dem Wort „fertig“ glauben. Das ist eine Hypothese. Fakt ist nur ein grüner Report nach dem Check.
  • Neues auf einem abgeschmierten Build draufbauen. Build rot - alles andere ist sinnlos. Repariere ihn zuerst.
  • Nur einmal ganz am Ende prüfen. Da häuft sich ein Berg an Fehlern an, und dann finde mal raus, welcher woher kommt. Fahr ihn an den Grenzen.
  • „Tests bestanden“ ohne Zahlen akzeptieren. Wie viele waren’s denn überhaupt? Vielleicht waren’s genau null - dann „sind eben alle durchgegangen“.
  • Sicherheit verpennen. Ein einziger vergessener Schlüssel im öffentlichen Code - und finden wird ihn garantiert der Falsche.
  • Veröffentlichen, ohne die Seite selbst geöffnet zu haben. Selbst ein grüner Report ersetzt nicht, mit den eigenen Augen in die Live-Seite zu klicken.
Pixel-Art: Ein grünes Häkchen-Schild am Tor hält rote Bug-Käfer von der Seite fern
Ein grüner Report ist die Schranke zwischen deinen Bugs und echten Menschen.

TL;DR - если коротко

  • „Fertig“ vom Agenten ist eine Hypothese. Fakt wird es erst, wenn der Build durchläuft und das Projekt wirklich läuft.
  • Der Check-Loop sind 6 Schritte: Build, Typen, Linter, Tests, Secrets, Änderungen ansehen.
  • Regel Nummer eins: Build abgeschmiert - Stopp. Bau kein zweites Stockwerk auf einem eingestürzten ersten.
  • Den Check fährt der Agent selbst - du verbietest ihm einfach, „fertig“ ohne grünen Report zu sagen.
  • Ein guter Report ist eine Ampel mit Zahlen, kein Wust aus Logs und ein munteres „läuft alles“.
  • Fahr ihn an den Grenzen: Feature fertig, vor dem Veröffentlichen, nach einem Umbau - nicht nur einmal ganz am Ende.

Wiki durchsuchen

Esc zum Schließen drücken

Geben Sie einen Suchbegriff ein, um alle Lektionen und Kurse zu durchsuchen.