KI-HTML erkennen

KI-Tools schreiben in Sekunden funktionierendes Markup — aber mit einem erkennbaren Stil. Wer die Fingerabdrücke kennt, weiß sofort, worauf zu achten ist: wo Code aufgebläht ist, wo Bedeutung fehlt und wo sich typische Fehler verstecken. Es geht nicht ums Bashing — die Muster zu kennen macht dich beim Lesen und Reparieren schlicht schneller.

Fingerabdruck 1 — div-Suppe & Wrapper-Inflation

Verschachtelte <div>s, von denen die meisten nichts tun. Oft fünf Ebenen, wo eine reicht — mit Namen wie wrapper › container › inner › content.

<div class="card-wrapper">
  <div class="card-container">
    <div class="card-inner">
      <div class="card-content">
        <div class="title-wrapper">
          <div class="title">Hallo</div>
        </div>
      </div>
    </div>
  </div>
</div>

Fingerabdruck 2 — Utility-Klassen-Wüsten

Lange Ketten von Tailwind-artigen Klassen direkt im class-Attribut. Nicht per se schlecht (siehe unten) — aber wenn sich derselbe 15-Klassen-Block dutzendfach wiederholt, statt einmal zentral zu stehen, riecht es nach Copy-Paste-Generierung.

<div class="flex flex-col items-center justify-center
  gap-4 rounded-2xl bg-white p-6 shadow-lg
  hover:shadow-xl transition-all duration-300
  dark:bg-gray-800 md:flex-row md:gap-6">
  ...
</div>

Fingerabdruck 3 — semantische Armut

Das verräterischste Muster: <div> mit onclick statt <button>, <div> statt <nav>/<main>, Überschriften, die nur per CSS „groß" sind statt <h1>.

<!-- ⚠️ ein div, das so tut als wäre es ein Button -->
<div class="btn" onclick="senden()">Absenden</div>

<!-- ✅ das hier kann Tastatur, Screenreader, Enter -->
<button type="button" onclick="senden()">Absenden</button>

Fingerabdruck 4 — Platzhalter, die liegen blieben

href="#", alt="image", Lorem ipsum, John Doe, leere onClick-Stubs. Die KI füllt Lücken mit Generischem — was beim Übernehmen leicht vergessen wird.

<a href="#" class="link">Mehr erfahren</a>
<img src="placeholder.jpg" alt="image">
<p>Lorem ipsum dolor sit amet, consectetur...</p>
<span class="badge">John Doe</span>

Die Schnell-Checkliste