Was ist AI Slop? Der Leitfaden 2026 zum Erkennen, Vermeiden und Verachten

TL;DR

Öffne fünf SaaS-Startups in fünf Tabs: ein Sales-Tool, ein API-Monitoring-Dienst, ein Chatbot-Builder, ein Vertragsprüfungs-Tool, eine E-Commerce-Analytics-Plattform. Fünf völlig verschiedene Branchen. Du klickst durch die Tabs durch und siehst keinen Unterschied. Überall derselbe zentrierte Hero mit Verlauf von #3b82f6 (Tailwind blue-500) über #8b5cf6 (violet-500) nach Pink, dieselbe Headline in text-6xl font-bold, dieselben drei Cards in grid-cols-3 mit Lucide-Icon, dieselbe Inter. Das ist AI Slop: der Roh-Output, den generative Modelle ohne menschliche Lenkung ausspucken — Text, Bild, Code, Ton, Video.

2026 stammt grob die Hälfte aller frisch publizierten Webseiten direkt aus v0, Bolt, Lovable, Replit Agent, ChatGPT oder Claude. Und man sieht es. Alles konvergiert auf dieselben Trainingsbiases. Das Resultat ist nicht nur hässlich, es ist unsichtbar. Und Unsichtbarkeit ist im Web der Tod.

Fünf Zeichen, an denen du Slop in 30 Sekunden erkennst:

• Hero mit Blau-Violett-Verlauf, Headline in text-6xl, Subheadline beginnt mit "Entdecke" oder "Entfessle"
• Drei Cards in grid-cols-3 mit Lucide-Icon, kurzem Titel, zwei vagen Sätzen
• Inter oder Geist auf allem, einzige Hierarchie: font-bold gegen font-normal
• Primary-Button mit Verlauf, rounded-2xl, beim Hover ein scale-105
• Footer in vier ungenutzten Spalten: Product / Company / Resources / Legal

Triffst du drei dieser Punkte, bist du Teil des Problems. Lies weiter.

---

1. Was AI Slop präzise ist

Etymologie

Das englische Wort slop stammt aus der Landwirtschaft des 19. Jahrhunderts und meinte den lauwarmen Brei, den man Schweinen vorsetzte: Wasserreste, Küchenabfälle, beschädigtes Getreide, alles was nicht mehr verkäuflich war. Nicht ungenießbar, nicht verdorben, nur wertlos. Genau deshalb passt das Wort: kalorienreich, aber nährstoffarm beschreibt exakt, was die meisten rohen LLM-Outputs sind.

Der Begriff AI Slop tauchte im Sommer 2024 auf X auf. Allgemein gilt Andy Baio, Entwickler und Journalist, als derjenige, der das Wort an das Phänomen geheftet hat, parallel zu Diskussionen auf 4chan und Reddit, wo "slop" schon länger für schlechte Midjourney-Bilder kursierte. Simon Willison, Datasette-Gründer und einer der einflussreichsten LLM-Blogger, hat den Begriff im Herbst 2024 in der Tech-Community popularisiert. Ab Januar 2025 erreichte AI Slop MIT Technology Review, The Verge, 404 Media und Wired, später auch Guardian und New York Times.

Im Deutschen gibt es keine etablierte Übersetzung. KI-Brei, KI-Pampe, generischer Generierungsbrei: keiner hat sich durchgesetzt. Die meisten deutschsprachigen Tech-Leute nutzen den Anglizismus direkt: AI Slop oder kurz Slop. Dabei bleiben wir.

Vier Familien

Der Begriff deckt vier Medien ab, die alle dieselben Symptome teilen: Konvergenz, fehlende Lenkung, Redundanz, Überproduktion.

1. Visueller Slop. Websites, Illustrationen, Icons, Infografiken, Figma-Designs, Instagram-Posts. Symptome: Tailwind-Defaultpalette, Blau-Violett-Verlauf, grid-cols-3-Layout, Inter-Typo, viel Whitespace, keine Identität.

2. Textueller Slop. Blogartikel, Produktbeschreibungen, LinkedIn-Posts, Essays, YouTube-Skripte, Marketing-Mails. Symptome: generische Eröffnungssätze, hierarchielose Bullet-Listen, ein Fazit das die Einleitung wiederholt, Hohlvokabular ("nahtlos", "innovativ", "skalierbar", "robust"), keine Position.

3. Akustischer Slop. Generierte Musik (Suno, Udio), synthetische Stimmen (ElevenLabs), komplette Podcasts (NotebookLM). Symptome: vorhersehbare A-B-A-B-Struktur, überkomprimierter Mix, Stimmen die an unmöglichen Stellen Luft holen, Übergänge die nirgendwo hinführen.

4. Video-Slop. Sora, Veo 3, Runway, Pika. Symptome: Kamera schwebt absichtslos, Hände mit sechs Fingern, der Schnitt bricht nach vier Sekunden, automatische Cross-Fades, generische Stockmusik.

Was AI Slop NICHT ist

Zur Klarstellung: AI Slop ist nicht synonym mit "mit KI gemacht". Eine Entwicklerin, die Claude Code nutzt, um einen Custom-Linter mit eigener Designrichtung zu schreiben, produziert keinen Slop. Ein Grafiker, der über Midjourney eine Referenz generiert und sie dann selbst nachzeichnet, produziert keinen Slop. Ein Texter, der mit ChatGPT brainstormt und dann selbst schreibt, produziert keinen Slop.

Slop ist der Rohoutput ohne substanzielle menschliche Bearbeitung, so veröffentlicht wie er kommt. Das ist die Linie zwischen Werkzeug und Ersatz. Sobald der Mensch die Kontrolle über das Endergebnis verliert, ist das Resultat Slop.

Der Doppelgänger-Test

Ein einfacher Test: Stell deine Site, deinen Artikel oder dein Video neben fünf andere Outputs desselben Tools. Frage: Kann ich meinen aus 50 Metern Entfernung erkennen, ohne den Inhalt zu lesen, nur an der Silhouette? Wenn ja: kein Slop. Wenn nein: Slop.

Im Branding nennt man das den Logo-Recognition-Test, die Fähigkeit, eine Marke nur an ihrer typografischen Silhouette zu erkennen. Aufs gesamte Webdesign übertragen wird daraus ein Slop-Diagnosetest. Linear erkennt man aus 50 Metern. Vercel auch. Stripe auch. Eine rohe v0-Site aus keiner Entfernung: sie ist mit tausend anderen austauschbar.

Slop aus Nachlässigkeit vs. Slop by Design

Es gibt zwei Sorten. Slop aus Nachlässigkeit entsteht, wenn jemand es eigentlich gut machen wollte, aber Zeit, Budget oder Kompetenz fehlten, um den KI-Output zu bearbeiten. Hektische Indie-Hacker, MVP-Gründer, überlastete Freelancer. Dieser Slop ist verständlich und meist temporär: Der Schöpfer wird ihn verbessern, sobald die Mittel da sind.

Slop by Design wird zynisch, in Serie, fürs SEO-Farming oder als Content-Spam produziert. Spam-Blog-Netzwerke, Etsy-Wiederverkäufer, Pinterest-Content-Farmen. Dieser Slop ist intentional und persistent: Der Schöpfer weiß, was er tut, und genau das ist der Zweck. Das ist der Slop, der das gesamte Web vergiftet und die Reaktion der Suchmaschinen rechtfertigt.

Sailop unterscheidet die beiden nicht, es signalisiert nur Patterns. Aber im eigenen Kopf lohnt sich die Trennung: Deine MVP-Site, die irgendwann aus dem Slop herauswachsen wird, ist nicht dasselbe Problem wie die intentional gefarmte Slop-Farm. Die moralische Schwere ist eine andere.

---

2. Warum 2026 das Slop-Peak-Jahr ist

Die ungefähren Zahlen

Niemand hat einen exakten Slop-Zähler fürs Web. Aber die Schätzungen aus 2025 und Anfang 2026 zeichnen ein klares Bild:

• Etwa 50 bis 60 Prozent der zwischen 2025 und 2026 neu publizierten Webseiten enthalten substanziell KI-generierten Anteil (Text oder Code)
• Die Zahl der aktiven Domains hat sich zwischen 2023 und 2026 etwa verdoppelt, mit explosivem Wachstum bei One-Page-Sites aus v0, Lovable und Bolt
• Auf LinkedIn tragen die meisten langen Posts 2026 eine erkennbare LLM-Signatur (auffällige Em-Dash-Ratio, Trikolon-Struktur, "Die Zukunft von..."-Schlüsse)
• Amazon-, Etsy- und Shopify-Listings haben zwischen 2024 und 2026 eine Slop-Welle bei Produktbeschreibungen erlebt; einige Plattformen nutzen interne Detektionsheuristiken

Drei Faktoren, die zusammenkamen

1. Die Deployment-Schwelle ist gefallen. v0, Bolt und Lovable bringen eine Idee in unter fünf Minuten auf eine .vercel.app- oder .netlify.app-URL. Früher brauchte man eine Entwicklerin, heute reicht eine Kreditkarte.

2. Die Modelle haben "okay" erreicht. 2023 lieferte GPT-4 oft Code, der nicht lief. 2025 produzieren GPT-5, Claude Opus 4.5 und Gemini 2.5 Code, der läuft, deployt und auf den ersten Blick "professionell" wirkt. Die Mindestqualitätsschwelle ist überschritten.

3. Die Aufmerksamkeitsökonomie hat beschleunigt. Schnell publizieren schlägt 2026 oft gut publizieren. Wer zehn Sites pro Monat raushaut, verdient mehr als jemand, der eine sechs Monate poliert. Dieser ökonomische Druck zwingt mechanisch in den Slop.

Tools im Vergleich: visuelle Signatur

| Tool | Default-Palette | Default-Typo | Typische Seitenstruktur | |------|-----------------|---------------|--------------------------| | v0 (Vercel) | from-violet-500 via-purple-500 to-pink-500, neutrales zinc, Akzent violet-500 | Geist Sans + Geist Mono | Hero zentriert, Trust-Logos, 3 Feature-Cards, How-it-works (3 Schritte), Pricing (3 Pläne), FAQ, CTA, Footer (4 Spalten) | | Lovable | blue-500 primary, purple-500 Akzent, gray-50 Hintergrund | Inter (Variable) | Hero zentriert, 3 Features, How-it-works, 3 Testimonials, Pricing (3), FAQ, Footer (4) | | Bolt (StackBlitz) | blue-500 oder indigo-500, Akzent pink-400 | Inter oder system-ui | Hero asymmetrisch zentriert, Feature-Grid (3-6), Framer-Motion-Animationen, CTA, simpler Footer | | Replit Agent | Variabel, oft green-500 | Inter, gelegentlich Roboto | Utility-orientiert: Nav, voller Content, minimaler Footer | | ChatGPT Canvas | Browser-Defaults, Roh-HTML | Times New Roman fallback oder system-ui | Keine erzwungene Struktur, aber Tendenz zu Section-Listen | | Claude Code ohne Kontext | Folgt dem bestehenden Projekt, sonst Tailwind-Defaults | Folgt Projekt | Folgt Projekt oder neutrale Struktur | | Cursor Auto-Mode | Folgt Projekt | Folgt Projekt | Folgt Projekt | | Gemini Code Assist | Material Design 3 | Roboto / Google Sans | Material-3-Patterns: Top Bar, Cards, FAB | | Midjourney v7 | Goldenes Licht, hoher Kontrast, überzogene Tiefenschärfe | n/a | n/a | | Sora / Veo 3 | Weiches Licht, neutraler Weißabgleich | n/a | n/a | | Suno / Udio | n/a | n/a | A-B-A-B-Bridge-A-Outro |

Die Mechanik der Konvergenz

Drei Kräfte stapeln sich:

Kraft 1: geteilte Trainingsdaten. Alle Modelle saugen sich aus stark überlappenden Subsets voll (Common Crawl, GitHub Public, Wikipedia, Reddit, Stack Overflow). Sie haben dieselben Beispiele gesehen. Logischerweise extrahieren sie dieselben Patterns.

Kraft 2: homogenes RLHF. Reinforcement Learning from Human Feedback wird von menschlichen Annotatoren gemacht, die in derselben Bubble der Jahre 2020 bis 2025 leben (San Francisco, Lagos, Manila je nach Subcontractor) und dieselben "modernen" Patterns bevorzugen (clean, minimal, Tailwind). Diese Präferenz pflanzt sich via RLHF fort.

Kraft 3: Konvergenz durch Evaluation. Die öffentlichen Benchmarks (HumanEval, MMLU, Chatbot Arena) sind für alle Modelle gleich. Die Verbesserungen werden an denselben Kriterien gemessen. Wenn ein Benchmark "Klarheit" belohnt und Klarheit in der Praxis "Tailwind-Defaults" heißt, dann tendieren alle Modelle zu Tailwind-Defaults.

Das ist strukturell. Es verschwindet nicht mit größeren Modellen, sondern nur, wenn Training und RLHF aktiv diversifiziert werden. Technisch möglich, kommerziell unattraktiv.

---

3. Die 7 Dimensionen des visuellen Slops

Visueller Slop ist kein Einzelding, sondern ein Bündel von Signalen. Hier die sieben Dimensionen.

| # | Dimension | Anti-Pattern | Gegenmittel | |---|-----------|--------------|-------------| | 1 | Palette | Tailwind blue-500 (#3b82f6) + violet-500 (#8b5cf6) + gray-800 + gray-50, taucht in rund 40% aller v0/Bolt-Sites auf | Maximal drei Farben, mindestens eine nicht-Tailwind. Aus Saul-Leiter-Fotos oder Penguin-Classics-Covern komponieren statt aus Adobe-Color-Defaults | | 2 | Typografie | Inter oder Geist auf allem, zwei Gewichte (regular + bold), einzige Hierarchie über Größe | Zwei Familien mit starkem Kontrast: Display (Söhne, Editorial New, Migra) + neutraler Sans (ABC Diatype, Untitled Sans). Mit Gewichten 300/500/800 statt nur Größen arbeiten | | 3 | Layout | Drei Cards horizontal in grid grid-cols-1 md:grid-cols-3, Lucide-Icon oben, kurzer Titel, zwei beschreibende Sätze. Symmetrisch, vorhersehbar | Asymmetrische Layouts, fünf Features statt drei oder nur eines, Hero linksbündig statt zentriert. Wie ein Magazinredakteur denken, nicht wie ein Tailwind-Dev | | 4 | Copy | Vage Floskeln, die auf alles passen: "Entfessle die Kraft von [X]", "nahtlose Integration", "modernste Technologie" | Spezifisch, konkret, datiert, mit Zahlen. Statt "schnelle Performance" schreib "rendert eine Next.js-Seite in unter 800ms auf einem M1" | | 5 | Iconografie | Lucide React überall, alle Icons im selben Stil (1.5px Strich, gerundet). Emojis in Headlines für "Fun": "Performance", "Magic" | Eigenes Icon-Set oder eines, das nicht Lucide/Heroicons/Feather ist (Phosphor, Iconoir). 20 bis 50 Custom-Icons reichen für 5 bis 10 Jahre Differenzierung | | 6 | Animation | Framer Motion überall mit identischen Defaults: Fade-in-up bei 0.5s ease-out, staggered children mit 0.1s Delay, Hover scale 1.05 auf Cards | Entweder gar keine Animation (oft besser) oder Custom-Easing, Custom-Timing (470ms statt 500ms), Bewegung die etwas erzählt. Wenn die Animation den Inhalt nur kaschiert: weglassen | | 7 | Seitenstruktur | Nav fix, zentrierter Hero, "Trusted by"-Logo-Cloud, 3 Feature-Cards, How-it-works (3 Schritte), 3 Testimonials, 3 Pricing-Pläne, FAQ-Akkordeon, CTA, 4-Spalten-Footer, in genau dieser Reihenfolge | Struktur folgt Inhalt, nicht umgekehrt. Wenn du keine echten Testimonials hast: weg damit. Wenn dein Pricing einzigartig ist: nicht zwanghaft drei Pläne |

Anekdote zur Palette

Mehrere Designstudios (Pentagram, Resn, Locomotive) haben 2025 einen "Color Audit" eingeführt, der jeden Vorschlag automatisch verwirft, der auf rohen Tailwind-Nuancen beruht. Das ist zum internen Qualitätssignal geworden: Wenn die Palette aus einem bg-blue-500 kommen könnte, fängt man neu an.

Praktische Methode: Palette aus Nicht-Tech-Referenzen bauen

Öffne Adobe Color, Coolors oder Paletton, aber starte nicht von Scratch. Komponiere aus einer Nicht-Tech-Referenz: ein Saul-Leiter-Foto für Ocker und Senfgelb, ein Schweizer Plakat der 60er für Bleirot, ein Penguin-Classics-Cover für Backsteinorange. Verlass das LLM-Trainingsset. Wenn du deine Referenz auf Behance oder Dribbble findest, ist sie wahrscheinlich schon im Trainingsdatensatz und du landest wieder im Slop.

Schriften, die Slop verraten, und was du stattdessen nimmst

Vermeide 2026 für Body und Headlines: Inter, Geist, Roboto, Open Sans, Lato, Poppins. Diese sechs Schriften repräsentieren über 70% des typografischen Trainingssets der LLMs. Ihre Default-Verwendung signalisiert sofort "rohe Generation".

Empfohlene Anti-Slop-Schriften: Für Headlines Söhne (Klim Type Foundry), Editorial New (Pangram Pangram), GT America (Grilli Type), Migra (Pangram), Pixel Operator für Brutalismus, Times Now für einen schicken Serif-Move. Für Body Söhne Buch, ABC Diatype, Untitled Sans, Pangram Sans Variable. Für Mono Berkeley Mono, Space Mono oder JetBrains Mono Italic (selten gesehen, daher distinkt).

Iconografie als Differenzierungsachse

In einer Welt, in der alle Lucide nutzen, wird Iconografie zum massiven Signal. Stripe hat ein eigenes erkennbares Set. Linear auch. Vercel auch. Notion auch. Jedes Mal reicht eine Anfangsinvestition von 20 bis 50 Custom-Icons, um eine visuelle Signatur für 5 bis 10 Jahre zu schaffen. Kosten: 1 bis 3 Tage Illustratorenzeit. Gewinn: dauerhafte Differenzierung.

Diagnostischer Test: Tausch alle deine Icons gegen die einer Konkurrenzsite aus. Ändert sich deine Site visuell? Wenn nein, tragen deine Icons keine Identität. Iconografischer Slop.

Studios, die Anti-Slop-Animationen liefern

Wenn du Animationen suchst, die nirgendwo so aussehen wie deine: Resn (Wellington), Active Theory (Los Angeles), Hello Monday (Kopenhagen), DOGSTUDIO (Brüssel) und Locomotive (Montreal). Diese Studios bauen Animationen für ein konkretes Projekt, nicht aus einem Framer-Motion-Preset-Katalog.

Der Sound-Off-Test für Animationen

Schalte den Ton ab, frier alles ein. Wenn deine Animationen nur dazu da sind, eine Seite ohne Inhalt zum Leben zu erwecken: Slop. Wenn sie einen schon starken Inhalt unterstreichen: brauchbar. Animation ergänzt, sie ersetzt nie.

Linear nutzt Inter und ist trotzdem nicht slop

Wichtig: Inter zu nutzen macht dich nicht automatisch zum Slop. Linear nutzt Inter Display, aber gecustomisiert mit eigenen Trackings, gearbeiteten Hierarchien, redaktionellem Layout. Was dich verrät, ist nicht die Schriftwahl, sondern die fehlende Bearbeitung. Slop ist keine Materialfrage, sondern eine Aufwandsfrage.

---

4. Die visuelle Signatur 2026

Müsste man EIN visuelles Pattern als Slop-Fingerabdruck wählen: Tailwind blue-500 plus violet-500, Inter, shadcn/ui-Komponenten, Lucide-Icons, abgerundete rounded-2xl-Cards mit shadow-md, Verlauf von Blau über Violett nach Pink.

Warum gerade diese Farben

Tailwind CSS, 2017 von Adam Wathan ins Leben gerufen, ist seit 2020 das dominante CSS-Framework. Die Farbpalette ist als "good defaults" konzipiert: zugänglich, kontrastreich, modern. blue-500 (#3b82f6) und violet-500 (#8b5cf6) liegen jeweils in der Mitte ihrer Skalen, also die natürliche Default-Wahl.

LLMs neigen aus zwei Gründen zu diesen Farben:

• Frequenzbias im Training. Tailwind-Codebeispiele in den Trainingsdaten nutzen überproportional blue-500 und violet-500, das sind die kanonischen Doku-Beispiele.
• Skalenmittenbias. Muss ein Modell eine Nuance wählen, wählt es den Median. blue-500 ist exakt der Median von blue-50 bis blue-950.

Die Psychologie des Defaults

Das ist der Default Bias aus der Kognitionswissenschaft: Muss ein Agent (Mensch oder Modell) ohne starke Vorgabe wählen, nimmt er den Default. Vervielfältige Defaults und du bekommst eine uniforme Welt.

Bei Menschen bekämpft man Default Bias mit Bildung, Geschmack, Erfahrung. Bei LLMs musst du entweder das Training ändern (teuer), eine explizite Constraint in den Prompt setzen ("verwende kein blue-500") oder das Resultat durch einen Linter laufen lassen, der Defaults markiert.

Verteilung der Primärfarben 2020 vs. 2026

2020 — Primärfarben auf SaaS-Landing-Pages
Blau     35%
Grün     18%
Schwarz  14%
Rot      12%
Violett  10%
Orange    8%
Sonstige  3%

2026 — selbe Verteilung
Blau     62%
Violett  21%
Grün      7%
Rot       4%
Schwarz   3%
Orange    2%
Sonstige  1%

Die Diversität ist eingebrochen. Das ist kein Tailwind-Komplott, das ist statistische Konvergenz generativer Modelle.

Fünf Sites, kein Unterschied

Die fünf Tabs aus dem TL;DR im Detail: ein Sales-Tool, ein API-Monitoring-Service, ein Chatbot-Builder, ein juristisches Vertragsreview-Tool, eine E-Commerce-Analytics-Plattform. Fünf völlig unterschiedliche Verticals. Du wechselst zwischen den Tabs und siehst keinen Unterschied.

• Alle: zentrierter Hero mit Blau-Violett-Verlauf, Headline text-6xl font-bold, Subline text-xl text-gray-600, zwei Buttons nebeneinander
• Alle: "Trusted by 500+ teams"-Sektion mit fünf grauen Logos unbekannter Firmen
• Alle: drei Feature-Cards in grid-cols-3 mit Lucide-Icons
• Alle: Pricing in drei Plänen, einer als "Most popular" hervorgehoben
• Alle: FAQ-Akkordeon, Footer in vier Spalten

Du könntest die Markennamen tauschen und niemand würde es bemerken. Totale Austauschbarkeit zwischen Produkten, die unterschiedlich sein sollten: Das ist Slop.

---

5. Das 3-Card-Pattern, das virale Slop-Meme

Müsste man EIN Zeichen wählen, um eine KI-Site zu erkennen: das hier. Drei Feature-Cards in einem Grid. Jede Card mit Icon oben, kurzem Titel, zwei bis drei beschreibenden Zeilen.

Warum genau drei?

Weil LLMs massiv auf Landing Pages von 2018 bis 2024 trainiert wurden, in denen die Konvention "drei Features hervorheben" lautete. Drei ist die Goldilocks-Zahl: genug für "wir haben mehrere Sachen zu sagen", nicht zu viel für Überforderung. Drei passt sauber auf drei Desktop-Spalten und eine Mobile-Spalte.

Die Modelle haben das absorbiert und reproduzieren es überall. Auf X kursieren seit Ende 2024 regelmäßig Screenshots mit der Bildunterschrift "yet another grid-cols-3" als laufender Witz.

Der Code, den du erkennst

<section className="py-20 bg-white">
  <div className="container mx-auto px-4">
    <h2 className="text-4xl font-bold text-center mb-4">
      Why choose us
    </h2>
    <p className="text-xl text-gray-600 text-center mb-12 max-w-2xl mx-auto">
      Discover the features that make our platform stand out
    </p>
    <div className="grid grid-cols-1 md:grid-cols-3 gap-8">
      <div className="p-6 rounded-lg border border-gray-200 hover:shadow-lg transition">
        <Rocket className="h-10 w-10 text-blue-500 mb-4" />
        <h3 className="text-xl font-semibold mb-2">Fast performance</h3>
        <p className="text-gray-600">Lightning-fast load times.</p>
      </div>
    </div>
  </div>
</section>

Du erkennst diesen Code? Solltest du. Er kommt 1:1 aus v0, Bolt und Lovable, mit minimalen Varianten.

Vergleich: 3 Cards vs. Alternativen

| Ansatz | Slop? | Warum | |--------|-------|-------| | 3 Cards grid-cols-3 mit Lucide-Icons | Ja (5/5) | Das Pattern | | 3 Cards grid-cols-3 ohne Icons | Ja (4/5) | Besser, aber Pattern bleibt sichtbar | | 4 Cards grid-cols-2 | Ja (3/5) | Variante desselben Patterns | | 5 asymmetrische Features mit variablen Größen | Nein (1/5) | Bricht das Grid, signalisiert Mensch | | 1 detailliertes Feature über den ganzen Screen, narrativer Scroll | Nein (0/5) | Anti-Slop by Design | | 7 Features als chronologisch nummerierte Liste | Nein (1/5) | Originell, bricht die Konvention |

Das Gegenmittel

Hast du drei Sachen zu sagen, sag sie anders. Eine lange narrative Scroll-Page. Ein Bento-Layout im Apple-Stil, aber mit wirklich unregelmäßigen Kachelgrößen, nicht der Bento-Slop mit sechs perfekt geometrischen Tiles. Ein Slide- oder Präsentationsformat. Ein Frage-Antwort-Format. Alles außer drei Cards.

Wenn dein Brief drei Cards erzwingt, dann differenziere sie radikal: unterschiedliche Größen, unterschiedliche Farben, eine mit Bild, eine mit Diagramm, eine mit Zitat. Nicht drei Klone mit wechselndem Icon.

---

6. Textueller AI Slop

Textueller Slop ist älter als visueller. Er ist seit 2023 massiv, mit der Verallgemeinerung von ChatGPT für SEO-Blogposts, Amazon-Produktbeschreibungen, LinkedIn-Posts und Marketing-Mails. Die 2026er-Modelle sind besser als 2023, verraten aber immer noch ihren Ursprung.

Tabelle: 20 verbannte deutsche Phrasen

| Phrase | Schweregrad | |--------|-------------| | "Entdecke die nahtlose Erfahrung" | 5 | | "Entfessle das volle Potenzial" | 5 | | "Revolutioniere dein [X]" | 5 | | "In der heutigen schnelllebigen Welt" | 5 | | "Im Zeitalter von [X]" | 5 | | "Nutze die Kraft von" | 4 | | "Tauche ein in" | 4 | | "Eine ganzheitliche Lösung" | 4 | | "Heb dein Business aufs nächste Level" | 4 | | "Wir leben in einer Zeit beispielloser Veränderung" | 4 | | "An der Schnittstelle von [X] und [Y]" | 4 | | "Modernste Technologie" | 4 | | "Konzipiert für das moderne Unternehmen" | 4 | | "Vertrauen von führenden Unternehmen" | 4 | | "Schließe dich tausenden zufriedenen Kunden an" | 4 | | "Optimiere deinen Workflow" | 3 | | "Erschließe neue Möglichkeiten" | 3 | | "Nahtlos integriert" | 3 | | "Treib messbare Ergebnisse" | 3 | | "Ob Anfänger oder Profi" | 3 |

Diese Phrasen sind Beispiele zum Vermeiden, keine Empfehlung. Findest du sie in deinem Text: streichen.

Die typografischen Tics

Tic 1: Em-Dashes (—) im Überfluss. ChatGPT und Claude setzen Em-Dashes dort, wo ein Mensch Komma, Klammer oder gar nichts setzen würde. Mehr als ein Em-Dash pro 200 Wörter ist verdächtig. Zähl nach. (Auch dieser Artikel kommt bewusst ohne aus.)

Tic 2: Gemischte Anführungszeichen. Modelle mischen typografische ("...") und gerade Anführungszeichen, oft inkonsistent innerhalb desselben Absatzes.

Tic 3: Oxford-Komma. Im Deutschen setzt man vor "und" kein serielles Komma. Modelle produzieren es standardmäßig, wenn sie aus dem Englischen übersetzen. Starkes Indiz.

Tic 4: Launische Großschreibung. LLMs schreiben Wörter im englischen Title-Case-Stil groß, wo das Deutsche es nicht verlangt: "Die Künstliche Intelligenz Transformiert Unsere Gesellschaft." Kein Lektor würde so kapitalisieren.

Tic 5: Pleonasmen. "Ein vorteilhafter Vorteil", "eine innovative Innovation", "die Transformation transformieren". LLMs produzieren das, wenn sie einen schon gemachten Punkt nochmal ausarbeiten wollen.

Tic 6: Bullet-Liste, wo ein Satz reicht. Modelle listen, wo Menschen sprechen würden. "Vorteile: schnell, zuverlässig, skalierbar" statt "Schnell, zuverlässig, skalierbar." Oder besser: "Es ist schnell. Und zuverlässig. Skalieren werden wir später sehen."

Tic 7: Sätze, die mit "und vieles mehr" enden. Fast universelles Slop-Signal.

Wie man anti-slop schreibt

• Streich den ersten Satz. Immer. Beginnt dein Artikel mit "In einer Welt, in der...", lösch alles bis zum ersten Satz, der nicht auf jedes andere Thema passen würde.
• Sei datiert. Setz Jahreszahlen, Werte, Daten. "2024 hat Tailwind..." schlägt "Kürzlich hat Tailwind...".
• Nenne Eigennamen. Tools, Personen, Firmen, Produkte. Slop ist anonym, menschliches Schreiben ist bevölkert.
• Bezieh Position. Slop legt sich nicht fest. Menschliches Schreiben verteidigt eine These, auch wenn sie klein ist.
• Verbiete Hohlübergänge. "Darüber hinaus", "es ist überdies anzumerken", "ferner sei erwähnt". Gehört die Idee dazu: einfach hinschreiben.
• Variiere die Satzlänge. Slop hat sehr uniforme Durchschnittslängen. Menschliches Schreiben wechselt. Kurzer Satz. Ein längerer Satz, der mit einem Nebensatz eine Nuance entfaltet. Kurz. Mittel mit Komma.

Der Drei-Leser-Test

Gib deinen Text drei Personen: einer Expertin im Thema, einem neugierigen Laien, einem Grafiker. Frag jede dasselbe: "Welche These verteidigt dieser Text?" Geben alle drei verschiedene Antworten (oder schlimmer: "Weiß nicht"), ist dein Text Slop. Geben alle drei dieselbe Antwort, trägt dein Text eine These.

Slop hat per Definition keine These. Er beschreibt, erwähnt, listet, schließt, aber verteidigt nichts. Genau deshalb wird er gelesen und sofort vergessen.

Mini-Fallstudie: LinkedIn-Post

Roher GPT-5-Output zum Prompt "LinkedIn-Post über KI im Marketing":

> In einer immer stärker vernetzten Welt definiert künstliche Intelligenz die Regeln des Marketings neu. Ich habe über 50 Unternehmen bei ihrer digitalen Transformation begleitet, und ich kann es bestätigen: KI ist keine Option mehr, sondern Notwendigkeit. > > 5 Gründe, warum KI deine Marketingstrategie revolutionieren wird: > Personalisierung in großer Skalierung > Predictive Analytics > Automatisierung repetitiver Aufgaben > Kontinuierliche Kampagnenoptimierung > Messbarer und verbesserter ROI > > Die Zukunft des Marketings liegt in den Händen derer, die diese Revolution zu nutzen wissen.

Menschliche Umschrift:

> Ich habe drei Monate lang GPT-5 plus Klaviyo auf der Liste von 14k Abonnentinnen einer Mode-Brand getestet (2,3 Mio. EUR Jahresumsatz). > > Rohergebnis: Öffnungsrate von 22% auf 31%. Klickrate stabil. Abmeldungen verdoppelt. > > Hypothese: Personalisierung erhöht das Öffnen, weil die Betreffzeilen persönlich klingen. Sie erhöht aber auch die Enttäuschung beim Öffnen, daher mehr Abmeldungen. > > Vorläufiges Fazit: KI ist kein Hebel für Bindung. Sie ist kurzfristig ein Aufmerksamkeitshebel. Für Bindung behält der Mensch den Vorteil.

Slop: acht vage Zeilen. Mensch: acht spezifische Zeilen. Gleiche Länge, vierfache Informationsdichte. Und nicht mit zehn anderen Posts verwechselbar.

---

7. AI Slop im Code

LLM-generierter Code hat seine eigene Slop-Familie. Es ist nicht, dass der Code nicht läuft, er läuft oft. Es ist, dass er die typischen Marker eines Modells trägt, das "professionell wirken" wollte.

Die zehn Hauptmarker

1. Nutzlose Kommentare. Triviale Kommentare über Code, der sich selbst erklärt.

// SLOP
// This function adds two numbers
function add(a, b) {
  // Return the sum of a and b
  return a + b;
}

2. Vorzeitige Abstraktion. Eine Klasse, die ein Repository wrappt, das einen DB-Call wrappt. Drei Indirektionsschichten für einen One-Liner. Das LLM hat zu viele Spring- und Java-Beispiele gesehen.

3. Defensive try/catch. Catchen, loggen und so tun, als wäre nichts passiert. Fast immer falsch. Die Trainingsdaten enthalten viele "Beispiele für Error-Handling", die in Wirklichkeit Beispiele für schlechtes Error-Handling sind.

4. Generisches Naming. Variablen heißen data, result, handler, manager, helper, util. Funktionen heißen processData, handleRequest. Keine Information im Namen.

5. Überzogene Boilerplate-Typen. Ein Button-Interface mit zwölf Optionen "für den Fall". Slop erweitert die API präventiv, der Mensch fügt Props bei Bedarf hinzu.

6. Exzessive Imports. 30-Zeilen-Komponente mit 15 Imports, die meisten unbenutzt. LLMs reproduzieren Tutorial-Imports.

7. Falsch platzierte useEffect. Daten via useState + useEffect + fetch holen, obwohl React Query oder Suspense verfügbar sind. Trainingsdaten von 2018 bis 2023 dominieren über die 2024-2026-Patterns.

8. Wrapper ohne Funktion. const handleClick = (event) => onClickProp(event): eine Indirektionsschicht, die nichts abfängt. Slop fügt prophylaktische Wrapper hinzu.

9. Verschachtelte Ternaries. Drei Ebenen Ternary-Operator für eine if-else-Kette. LLMs bevorzugen Ternaries, weil sie weniger Tokens brauchen, aber unleserlich sind.

10. Vergessene console.log. Beim Vibe-Coding fügt das LLM Debug-Logs ein, die im Production-Code bleiben.

Drei Diagnosetests für Code

Test 1: Kommentar-Code-Ratio. Zähl Kommentar- und Code-Zeilen. Über 30%: pädagogischer Slop. Unter 5%: menschlich (kommentiert nur das Warum, nie das Was).

Test 2: Abstraktionstiefe. Wie viele Indirektionen durchlaufen Helper-Funktionen, bevor sie Business-Logik berühren? Durchschnitt über 4: Slop-Over-Abstraction.

Test 3: Naming-Varianz. Liste alle Variablennamen einer Funktion. Mehr als 30% generisch (data, result, temp, value, item): Slop. Menschlicher Code hat domänenspezifische Namen.

---

8. Tool-Slop-Signaturen

Jedes Tool hinterlässt seine eigene Spur. Die Tabelle hilft, den Tatort zu identifizieren.

| Tool | Visuelle Signatur | Textuelle Signatur | Code-Signatur | |------|-------------------|---------------------|---------------| | v0 (Vercel) | Geist Sans, Verlauf violet→pink, shadcn/ui-Komponenten, rounded-2xl | "Discover", "Unleash", englischsprachige Hooks | shadcn-Imports, Lucide-Icons, Framer-Motion-Defaults | | Lovable | Inter, blue-500 primary, grid-cols-3 Features, Supabase-Backend | Lange Marketing-Floskeln, Trikolons | React + Supabase-Patterns, generische Typen | | Bolt (StackBlitz) | Pink-Blau-Akzent, asymmetrischer Hero, Framer-Motion-Animationen | Punchige CTAs, Emoji-Headlines | useEffect + Fetch statt Suspense, viele Helper-Hooks | | Claude Artifacts | Folgt dem Briefing, wenn frei: dezente Tailwind-Defaults, weniger Verläufe | Sachlicher, mehr Structure-First | Klare Komponentenstruktur, weniger Boilerplate | | ChatGPT Canvas | Roh-HTML, Times-New-Roman-Fallback, kaum Layout | "In today's", Em-Dash exzessiv, Trikolon-Schlüsse | Funktioniert, aber alte Patterns: Class-Komponenten, jQuery-Reflexe | | Replit Agent | Utility, oft green-500, minimaler Footer | Kurzer Text, technisch | Funktioniert, wenig Stil | | Gemini Code | Material Design 3, Roboto, FAB-Buttons | Strukturiert mit Headings, akademischer Ton | Java/Kotlin-Reflexe in JS, viele Interfaces | | Cursor Auto-Mode | Folgt Projekt | Folgt Projekt | Folgt Projekt, am wenigsten Slop bei guter Mensch-Steuerung | | Midjourney v7 | Goldenes Licht, Tiefenschärfe-Bokeh, glatte Haut | n/a | n/a | | Sora / Veo 3 | Schwebende Kamera, weiches Licht, neutraler Weißabgleich | n/a | n/a |

---

9. Wie Sailop das erkennt

Sailop ist ein npm-Toolkit (CLI + MCP-Server), das dein Frontend auf AI-Slop-Patterns auditiert. Du installierst es lokal oder nutzt es über Claude Code, Cursor oder einen anderen MCP-kompatiblen Editor.

Sailop arbeitet in drei Schichten. Statische Heuristiken parsen HTML, CSS und Tailwind-Klassen: Sie suchen bg-blue-500, grid-cols-3-Features-Sektionen, exklusive font-inter-Typografie. Semantische Heuristiken analysieren den Text: Eröffnungssätze mit "Entdecke" oder "Entfessle", Hohlvokabular, Trikolon-Missbrauch, Schlüsse, die die Einleitung wiederholen. Multidimensionales Scoring vergibt pro Dimension 0 bis 100 Punkte und liefert einen gewichteten Gesamtscore mit konkreten Fix-Vorschlägen.

Im Praxiseinsatz sieht das so aus:

SAILOP REPORT — landing.tsx
Overall slop score:    74 / 100
Risk level:            HIGH

Visual:
  Palette       82  (Tailwind defaults detected)
  Typography    71  (Inter exclusive)
  Layout        89  (grid-cols-3 features detected)
Textual:
  Hero copy     78  ("Entdecke die nahtlose..."-Pattern)
  CTA copy      83  ("Get started today")

Top 3 Fixes:
  1. bg-blue-500 durch Custom-Color-Token ersetzen
  2. 3-Card-Grid in asymmetrisches Layout aufbrechen
  3. Hero-Subline neu schreiben (aktuell Slop-Pattern)

Sailop ist absichtlich eng: Es detektiert Slop, nicht Qualität generell, nicht Accessibility, nicht Security. Für die anderen Dimensionen nutze die jeweils spezialisierten Tools (axe, Pa11y, Stylelint).

Die Heuristiken sind Open Source. Findest du eine Regel ungerecht, öffne ein Issue. Regeln entwickeln sich mit dem Markt: bg-blue-500 war 2020 kein Slop-Signal, ist es seit 2024.

---

10. FAQ

> Q: Was genau ist AI Slop?

AI Slop ist Inhalt (Text, Bild, Code, Ton, Video), den ein generatives Modell ohne substanzielle menschliche Lenkung produziert und der so veröffentlicht wird. Das Wort kommt aus dem Englischen und bezeichnete ursprünglich Schweinefutter, kalorienreich und nährstoffarm. Es passt heute auf jeden rohen KI-Output, den man sofort als solchen erkennt.

> Q: Ist es verboten, KI zu nutzen?

Nein. KI zu nutzen ist nicht das Problem. Das Problem ist, KI-Output ungelesen, ungeprüft und ungeändert zu publizieren. Eine Entwicklerin, die mit Claude Code einen Linter schreibt und ihn mit eigener Designrichtung verfeinert, produziert keinen Slop. Ein Texter, der mit ChatGPT brainstormt und dann selbst schreibt, produziert keinen Slop. Die Trennlinie ist substanzielle menschliche Bearbeitung.

> Q: Wie erkennt man eine Lovable-Site?

Inter als Schrift, Blau-Violett-Verlauf im Hero, drei Feature-Cards mit Lucide-Icons in einer grid-cols-3, "Trusted by 500+ teams" mit grauen Logos, Pricing in drei Plänen mit "Most popular"-Badge, FAQ-Akkordeon, Footer in vier Spalten. Triffst du fünf von sieben: Lovable. Andere Builder (v0, Bolt) liefern Variationen desselben Themas.

> Q: Muss man Tailwind aufgeben?

Nein. Linear, Vercel und Stripe nutzen Tailwind und sind nicht Slop. Was den Slop ausmacht, ist Tailwind ohne Customization: rohe blue-500 als primär, rohe gray-200 für Borders, rohe rounded-lg und shadow-md. Nutzt du Tailwind als Werkzeug und arbeitest mit eigenen Color-Tokens, eigenen Spacing-Skalen und eigenen Components: kein Slop. Lässt du die Defaults so, wie sie kommen: Slop.

> Q: Wie sehr drückt Slop bei Google?

Indirekt, aber stark. Google bestraft nicht "KI-Inhalt" explizit, sondern unhilfreichen Inhalt. Slop fällt systematisch in diese Kategorie, weil ihm Erfahrung, Expertise und Spezifität fehlen. Die Helpful-Content-Updates von 2022 bis 2025 haben SEO-Slop-Netzwerke massiv abgewertet, dokumentierte Fälle zeigen 70 bis 95% Trafficeinbruch. AI Overviews und Perplexity zitieren Slop fast nie und greifen lieber auf Wikipedia, etablierte Medien und institutionelle Sites zurück.

> Q: Wie viele Websites sind 2026 Slop?

Schätzungen variieren, aber die meisten Analysen aus 2025 und Anfang 2026 sehen etwa 50 bis 60% der zwischen 2025 und 2026 publizierten Seiten als substanziell KI-generiert. Bei Landing Pages neuer SaaS-Projekte ist der Anteil höher (geschätzt 70%+). Bei institutionellen Sites und etablierten Medien deutlich niedriger.

> Q: Wie nutzt man KI ohne Slop?

Drei Regeln. (1) KI-Output als Ausgangspunkt, nie als Endpunkt: Änder mindestens Palette, Typo, Struktur, Copy. (2) Setz starke Constraints im Prompt: "kein blue-500, kein Inter, kein grid-cols-3". (3) Mach das Making-of sichtbar: Dokumentiere Zwischenversionen, verworfene Optionen, verteidigte Entscheidungen. Slop hat kein Making-of, das ist sein bestes Erkennungszeichen.

> Q: Was macht Sailop konkret?

Sailop scannt deine Frontend-Dateien (HTML, CSS, JSX/TSX, Markdown) und gibt einen Score von 0 bis 100 mit konkreten Fix-Vorschlägen. Du installierst es per npx sailop audit ./src oder bindest es als MCP-Server in Claude Code oder Cursor ein. CLI und MCP-Server sind Open Source, eine optionale Cloud-Version mit Dashboard und Audit-Historie ist für Teams verfügbar. Es ersetzt kein Designteam, es ist ein Lint-Tool für deine Designrichtung.

---

11. Glossar

AI Slop — Inhalt (Text, Bild, Code, Ton, Video), den ein generatives Modell ohne substanzielle menschliche Lenkung produziert und unbearbeitet publiziert.

Anti-Slop — Praktik, Tool oder Produkt, das explizit darauf zielt, Slop zu vermeiden oder zu detektieren. Inkludiert Design-Linter (wie Sailop), Marktplätze für einzigartige Templates, Anti-KI-Texter.

Bento Grid — Layout in asymmetrischen Kacheln, inspiriert von japanischen Bento-Boxen. 2022-2023 durch Apple popularisiert. Wird selbst zu Slop, wenn man es symmetrisch mit sechs perfekten Tiles anwendet.

Default Bias — Kognitiver Bias, der zur Default-Option treibt, wenn keine starke Vorgabe besteht. Der Hauptmechanismus hinter Slop: LLMs wählen den Tailwind-Default, die Inter-Default-Schrift, das grid-cols-3-Default-Layout.

EEAT — Google-Akronym für Experience, Expertise, Authoritativeness, Trustworthiness. Bewertungsrahmen für Content-Qualität. Slop scheitert typischerweise auf allen vier Dimensionen.

Framer Motion — React-Animationsbibliothek. Wird zu Slop, wenn man die Defaults nutzt (Fade-in-up, 0.5s, ease-out).

Geist — Sans-Serif von Vercel, abgeleitet aus Pangram Sans. Default in v0. Durch Konvergenz zum Slop-Signal geworden.

Helpful Content — Editorialer Rahmen, den Google 2022 eingeführt hat: Inhalt soll Menschen nützen, nicht fürs Ranking optimiert sein. AI Slop ist die Antithese.

Inter — Sans-Serif von Rasmus Andersson, Default-Schrift des Webs von 2020 bis 2026. Ausgezeichnete Schrift, aber omnipräsent, daher unsichtbar und ein Slop-Signal.

MCP (Model Context Protocol) — Von Anthropic 2024 eingeführtes Protokoll, das externe Tools an LLMs bindet. Sailop exponiert seine Audit-Funktionen via MCP.

shadcn/ui — Komponentenbibliothek (Radix UI + Tailwind) von shadcn. Default in v0. Die Komponenten sind neutral, werden aber durch Allgegenwart zum Slop.

Vibe Coding — Begriff, den Andrej Karpathy 2024 popularisiert hat: Code, den man im Feeling mit einem LLM schreibt, ohne ihn im Detail zu lesen. Kanonischer Produktionsmodus von Code-Slop.

---

Schluss

AI Slop ist kein ästhetisches Phänomen, sondern eine ökonomische Konvergenz: Wenn die Grenzkosten der Produktion gegen Null fallen und alle dieselben Tools nutzen, konvergiert alles auf denselben Output. So war es bei Helvetica im 20. Jahrhundert, bei Bootstrap in den 2010ern, bei Material Design von 2014 bis 2020. Der Slop von 2026 ist die nächste Stufe.

Diesmal ist die Konvergenz aber breiter. Sie betrifft nicht nur Typografie oder Komponenten. Sie betrifft Code, Copy, Struktur, Farben, Animationen, redaktionelle Stimme, Video, Ton, alles gleichzeitig. Und sie potenziert sich selbst: Produzierter Slop wird zu den Trainingsdaten des nächsten Modells, das noch konvergenteren Slop liefert. Das ist der Mechanismus, den Forscher "Model Collapse" nennen, übertragen vom Modell aufs ganze Web.

Der Ausweg ist weder technisch noch gesetzlich. Er ist künstlerisch. Es braucht Menschen, die ihr Werk signieren. Die Körper, Stimme, Meinung in das stecken, was sie publizieren. Die Zeit verlieren, um Identität zu gewinnen. Die Constraints wählen statt Defaults.

Sailop ist ein Werkzeug in dieser Werkzeugkiste. Keine Lösung. Ein Detektor, ein Thermometer. Hat deine Site einen Slop-Score von 74/100, sagt Sailop dir das. Was du danach tust, liegt nur an dir.

Das Web von 2027 wird, was wir daraus machen. Akzeptieren wir Slop als neuen Standard, wird das Web ein visueller Walmart. Lehnen wir es ab, wird das Web wieder ein interessanter Flickenteppich.

Beide Optionen liegen offen. Es entscheidet sich jetzt.