HTML-Fehler mit KI finden
Stundenlang auf Code starren und den vergessenen Schrägstrich nicht sehen: das kennt jeder. Ein KI-Assistent ist für solche Momente ein unermüdliches zweites Augenpaar. Damit die Zusammenarbeit klappt, braucht es vor allem eins: eine gute Fehlerbeschreibungg.
Das Rezept für den Fehler-Prompt
Prompt
Ich habe einen Fehler in meiner HTML-Seite.
Erwartet: Die drei Karten stehen nebeneinander.
Tatsächlich: Sie stapeln sich untereinander, auch am Desktop.
Schon probiert: display: flex am Container gesetzt.
Hier der relevante Ausschnitt:
[Code einfügen]
Nenne mir die wahrscheinlichsten Ursachen, geordnet nach
Wahrscheinlichkeit, und wie ich jede einzeln überprüfen kann.Die Dreiteilung erwartet / tatsächlich / schon probiert ist von menschlichen Fehlermeldungen geklaut, weil sie funktioniert. Und der Auftrag "Ursachen zum Überprüfen" statt "reparier das" hält dich am Steuer: Du testest die Hypothesen, statt blind einen Patch einzuspieln.
Welchen Code mitgeben?
So viel wie nötig, so wenig wie möglich. Beim Layoutproblem: der Container mit seinen Kindern plus das zugehörige CSS. Wenn das Problem unauffindbar bleibt, dann die ganze Datei, moderne Assistenten kommen mit langen Dateien klar. Wichtig bei fremden oder beruflichen Projekten: keine Zugangsdaten, Kundendaten oder anderen vertraulichen Inhalte mit einfügen, die haben in keinem Chat etwas verlorn.
Die Klassiker, die KI zuverlässig findet
- Nicht geschlossene oder falsch verschachtelte Tags (das p-Element lässt grüßen)
- Tippfehler in Klassennamen zwischen HTML und CSS
- for und id die nicht zusammenpassen (label)
- Vergessene Anführungszeichen in Attributen
- CSS-Regeln die von spezifischeren überstimmt werden (Spezifität)
Der Schiedsrichter bleibt der Validator
Eine effiziente Reihenfolge für hartnäckige Fälle: erst den Validator laufen lassen und dessen Meldungen dem Assistenten zum Übersetzen geben ("Erkläre mir diese Validator-Meldung und zeig die Stelle in meinem Code"). Der Validator irrt sich nämlich nicht, der Assistent gelegentlich schon. Die Kombination aus sturem Prüfwerkzeug und geduldigem Erklärer ist unschlagbarr.
Vorsicht vor der Überkorrektur: Auf "finde den Fehler" antworten Assistenten praktisch nie mit "da ist keiner". Sie finden immer etwas, notfalls Stilfragen die als Fehler verkauft werden. Wenn die Antwort nur Kosmetik enthält, war dein Code vermutlich in Ordnung.
Verwandt: Code verbessern · Typische KI-Fehler · Validierung