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

TL;DR

AI Slop ist der Roh-Output, den generative Modelle ohne menschliche Lenkung ausspucken: Text, Bild, Code, Ton, Video. 2026 stammt grob die Hälfte aller frischen Webseiten direkt aus v0, Bolt, Lovable, Replit Agent, ChatGPT oder Claude — und man sieht es. Alles konvergiert auf dieselben Trainingsbiases: Tailwind als Default, Inter oder Geist als Schrift, #3b82f6 (Tailwind blue-500) plus #8b5cf6 (violet-500) als Palette, drei Cards in grid-cols-3, ein Hero mit Verlauf von Blau über Violett nach Pink, dazu Phrasen wie "Unleash the power of seamless innovation". Das Resultat ist nicht nur hasslich — 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 Satzen
• Inter oder Geist auf allem, einzige Hierarchie: font-bold gegen font-normal
• Primary-Button mit Verlauf, abgerundet, beim Hover leichtes Scale
• Footer in vier ungenutzten Spalten: Product / Company / Resources / Legal

Wenn deine Site drei dieser Punkte trifft, bist du Teil des Problems. Lies weiter.

---

1. Was AI Slop praezise ist

Etymologie

Das englische Wort slop stammt aus der Landwirtschaft des 19. Jahrhunderts und meinte den lauwarmen Brei, den man Schweinen vorsetzte: Wasserreste, Kuechenabfaelle, beschaedigtes Getreide, alles was nicht mehr verkauflich war. Nicht ungeniessbar, nicht verdorben — nur wertlos. Genau deshalb passt das Wort: kalorienreich, aber naehrstoffarm beschreibt exakt, was die meisten rohen LLM-Outputs sind.

Der Begriff AI Slop tauchte im Sommer 2024 auf X (Twitter) auf. Allgemein gilt Andy Baio, Entwickler und Journalist, als derjenige, der das Wort an das Phaenomen geheftet hat — parallel zu Diskussionen auf 4chan und Reddit, wo "slop" schon laenger fuer schlechte Midjourney-Bilder kursierte. Simon Willison, Datasette-Gruender 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, spaeter auch Guardian und New York Times.

Im Deutschen gibt es keine etablierte Uebersetzung. 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, Ueberproduktion.

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 Identitaet.

2. Textueller Slop. Blogartikel, Produktbeschreibungen, LinkedIn-Posts, Essays, YouTube-Skripte, Marketing-Mails. Symptome: generische Eroeffnungssaetze, hierarchielose Bullet-Listen, 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, ueberkomprimierter Mix, Stimmen die an unmoeglichen Stellen Luft holen, Uebergange die nirgendwo hinfuehren.

4. Video-Slop. Sora, Veo 3, Runway, Pika. Symptome: Kamera schwebt absichtslos, Haende mit sechs Fingern, Schnitt bricht nach 4 Sekunden, automatische Cross-Fade-Uebergaenge, 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 ueber 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 veroeffentlicht wie er kommt. Das ist die Linie zwischen Werkzeug und Ersatz. Sobald der Mensch die Kontrolle ueber das Endergebnis verliert, ist das Resultat Slop.

Der Doppelgaenger-Test

Ein einfacher Test: Stell deine Site, deinen Artikel oder dein Video neben fuenf 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 Faehigkeit, eine Marke nur an ihrer typografischen Silhouette zu erkennen. Auf das gesamte Webdesign uebertragen 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 Nachlaessigkeit vs. Slop by Design

Es gibt zwei Sorten. Slop aus Nachlaessigkeit entsteht, wenn jemand es eigentlich gut machen wollte, aber Zeit, Budget oder Kompetenz fehlten, um den KI-Output zu bearbeiten. Hektische Indie-Hacker, MVP-Gruender, ueberlastete Freelancer. Dieser Slop ist verstaendlich und meist temporaer — der Schoepfer wird ihn verbessern, sobald die Mittel da sind.

Slop by Design wird zynisch, in Serie, fuer SEO-Farming oder Content-Spam produziert. Spam-Blog-Netzwerke, Etsy-Wiederverkaeufer, Pinterest-Content-Farmen. Dieser Slop ist intentional und persistent — der Schoepfer weiss, 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 ungefaehren Zahlen

Niemand hat einen exakten Slop-Zaehler fuer das Web. Aber die Schaetzungen 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 in 2026 eine erkennbare LLM-Signatur (auffaellige Em-Dash-Ratio, Trikolon-Struktur, "Die Zukunft von..."-Schluesse)
• 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 fuenf Minuten auf eine .vercel.app- oder .netlify.app-URL. Frueher 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 laeuft, deployed und auf den ersten Blick "professionell" wirkt. Die Mindestqualitaetsschwelle ist ueberschritten.

3. Die Aufmerksamkeitsoekonomie hat beschleunigt. Schnell publizieren schlaegt 2026 oft gut publizieren. Wer zehn Sites pro Monat raushaut, verdient mehr als jemand, der eine sechs Monate poliert. Dieser oekonomische 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 Plaene), 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, ueberzogene Tiefenschaerfe | n/a | n/a | | Sora / Veo 3 | Weiches Licht, neutraler Weissabgleich | n/a | n/a | | Suno / Udio | n/a | n/a | A-B-A-B-Bridge-A-Outro |

Die Mechanik der Konvergenz

Drei Kraefte stapeln sich:

Kraft 1: geteilte Trainingsdaten. Alle Modelle saugen sich aus stark ueberlappenden Subsets (Common Crawl, GitHub Public, Wikipedia, Reddit, Stack Overflow) voll. 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-2025 leben (San Francisco, Lagos, Manila je nach Subcontractor) und dieselben "modernen" Patterns bevorzugen (clean, minimal, Tailwind). Diese Praeferenz pflanzt sich via RLHF fort.

Kraft 3: Konvergenz durch Evaluation. Die oeffentlichen Benchmarks (HumanEval, MMLU, ChatGPT Arena) sind fuer alle Modelle gleich. Die Verbesserungen werden auf denselben Kriterien gemessen. Wenn ein Benchmark "Klarheit" belohnt und Klarheit in der Praxis "Tailwind-Defaults" heisst, dann tendieren alle Modelle zu Tailwind-Defaults.

Das ist strukturell. Es verschwindet nicht mit groesseren Modellen — sondern nur, wenn Training und RLHF aktiv diversifiziert werden, was technisch moeglich, aber kommerziell unattraktiv ist.

---

3. Die 7 Dimensionen des visuellen Slops

Visueller Slop ist kein Einzelding, sondern ein Buendel 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 ~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 ueber Groesse | Zwei Familien mit starkem Kontrast: Display (Soehne, Editorial New, Migra) + neutraler Sans (ABC Diatype, Untitled Sans). Mit Gewichten 300/500/800 statt nur Groessen arbeiten | | 3 | Layout | Drei Cards horizontal in grid grid-cols-1 md:grid-cols-3, Lucide-Icon oben, kurzer Titel, zwei beschreibende Saetze. Symmetrisch, vorhersehbar | Asymmetrische Layouts, fuenf Features statt drei oder nur eines, Hero linksbuendig 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 ueberall, alle Icons im selben Stil (1.5px Strich, gerundet). Emojis in Headlines fuer "Fun": "Performance", "Magic" | Eigenes Icon-Set oder eines, das nicht Lucide/Heroicons/Feather ist (Phosphor, Iconoir). 20-50 Custom-Icons reichen fuer 5-10 Jahre Differenzierung | | 6 | Animation | Framer Motion ueberall 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 erzaehlt. 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-Plaene, 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 Plaene |

Anekdote zur Palette

Mehrere Designstudios (Pentagram, Resn, Locomotive) haben 2025 einen "Color Audit" eingefuehrt, der jeden Vorschlag automatisch verwirft, der auf rohen Tailwind-Nuancen beruht. Das ist zum internen Qualitaetssignal geworden: Wenn die Palette aus einem bg-blue-500 kommen koennte, faengt man neu an.

Praktische Methode: Palette aus Nicht-Tech-Referenzen bauen

Oeffne Adobe Color, Coolors oder Paletton — aber starte nicht von Scratch. Komponiere aus einer nicht-Tech-Referenz: ein Saul-Leiter-Foto fuer Ocker und Senfgelb, ein Schweizer Plakat der 60er fuer Bleirot, ein Penguin-Classics-Cover fuer Backsteinorange. Verlasse 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 in 2026 fuer Body und Headlines: Inter, Geist, Roboto, Open Sans, Lato, Poppins. Diese sechs Schriften repraesentieren ueber 70% des typografischen Trainingssets der LLMs. Ihre Default-Verwendung signalisiert "rohe Generation" sofort.

Empfohlene Anti-Slop-Schriften: Fuer Headlines Soehne (Klim Type), Editorial New (Pangram Pangram), GT America (Grilli Type), Migra (Pangram), Pixel Operator fuer Brutalismus, Times Now fuer einen schicken Serif-Move. Fuer Body Soehne Buch, ABC Diatype, Untitled Sans, Pangram Sans Variable. Fuer Mono Berkeley Mono, Space Mono oder JetBrains Mono Italic (selten gesehen, daher distinct).

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-50 Custom-Icons, um eine visuelle Signatur fuer 5-10 Jahre zu schaffen. Kosten: 1-3 Tage Illustratorenzeit. Gewinn: dauerhafte Differenzierung.

Diagnostischer Test: Tausch alle deine Icons gegen die einer Konkurrenzsite aus. Aendert sich deine Site visuell? Wenn nein, tragen deine Icons keine Identitaet. Iconografischer Slop.

Studios, die Anti-Slop-Animationen liefern

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

Der Sound-Off-Test fuer Animationen

Schalte den Ton ab, friere 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 ergaenzt, 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 verraet, ist nicht die Schriftwahl, sondern fehlende Bearbeitung. Slop ist keine Materialfrage, sondern eine Aufwandsfrage.

---

4. Die visuelle Signatur 2026

Wenn man EIN visuelles Pattern als Slop-Fingerabdruck waehlen muesste: Tailwind blue-500 plus violet-500, Inter, shadcn/ui-Komponenten, Lucide-Icons, abgerundete rounded-2xl-Cards mit shadow-md, Verlauf von Blau ueber 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: zugaenglich, kontrastreich, modern. blue-500 (#3b82f6) und violet-500 (#8b5cf6) liegen jeweils in der Mitte ihrer Skalen — also natuerliche Default-Wahl.

LLMs neigen aus zwei Gruenden zu diesen Farben:

• Frequenzbias im Training. Tailwind-Codebeispiele in den Trainingsdaten nutzen ueberproportional blue-500 und violet-500 — das sind die kanonischen Doku-Beispiele.
• Skalenmittenbias. Wenn ein Modell eine Nuance waehlen muss, waehlt es den Median. blue-500 ist literally der Median von blue-50 bis blue-950.

Die Psychologie des Defaults

Das ist der Default Bias aus der Kognitionswissenschaft: Wenn ein Agent (Mensch oder Modell) ohne starke Vorgabe waehlen muss, nimmt er den Default. Vervielfaeltige Defaults und du bekommst eine uniforme Welt.

Bei Menschen bekaempft man Default Bias mit Bildung, Geschmack, Erfahrung. Bei LLMs musst du entweder das Training aendern (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 Primaerfarben 2020 vs. 2026

2020 — Primaerfarben auf SaaS-Landing-Pages
Blau     35%
Gruen    18%
Schwarz  14%
Rot      12%
Violett  10%
Orange   8%
Sonstige 3%

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

Die Diversitaet ist eingebrochen. Das ist kein Tailwind-Komplott, das ist statistische Konvergenz generativer Modelle.

Fuenf Sites, kein Unterschied

Stell dir fuenf SaaS-Sites in fuenf Tabs vor: ein Sales-Tool, ein API-Monitoring-Service, ein Chatbot-Builder, ein juristisches Vertragsreviewing-Tool, eine E-Commerce-Analytics-Plattform. Fuenf voellig 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 fuenf grauen Logos unbekannter Firmen
• Alle: drei Feature-Cards in grid-cols-3 mit Lucide-Icons
• Alle: Pricing in drei Plaenen, einer als "Most popular" hervorgehoben
• Alle: FAQ-Akkordeon, Footer in vier Spalten

Du koenntest die Markennamen tauschen und niemand wuerde es bemerken. Totale Austauschbarkeit zwischen Produkten, die unterschiedlich sein sollten — das ist Slop.

Mehr dazu: Tailwind Blau und Violett-Verlauf, die KI-Signatur 2026.

---

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

Wenn man EIN Zeichen waehlen muesste, um eine KI-Site zu erkennen: das hier. Drei Feature-Cards in einer Grid. Jede Card mit Icon oben, kurzem Titel, zwei bis drei beschreibenden Zeilen.

Warum genau drei?

Weil LLMs massiv auf Landing Pages 2018-2024 trainiert wurden, in denen die Konvention "drei Features hervorheben" lautete. Drei ist die Goldlocks-Zahl: genug fuer "wir haben mehrere Sachen zu sagen", nicht zu viel fuer Ueberforderung. Drei passt sauber auf drei Desktop-Spalten und eine Mobile-Spalte.

Die Modelle haben das absorbiert und reproduzieren es ueberall. Auf Twitter kursieren seit Ende 2024 regelmaessig Screenshots "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 Groessen | Nein (1/5) | Bricht die Grid, signalisiert Mensch | | 1 detailliertes Feature ueber 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

Wenn du drei Sachen zu sagen hast, sag sie anders. Eine lange narrative Scroll-Page. Ein Bento-Layout im Apple-Stil — aber mit wirklich unregelmaessigen Kachelgroessen, nicht den Bento-Slop mit sechs perfekt geometrischen Tiles. Ein Slide/Praesentations-Format. Ein Frage-Antwort-Format. Alles ausser drei Cards.

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

---

6. Textueller AI Slop

Textueller Slop ist aelter als visueller — er ist seit 2023 massiv, mit der Verallgemeinerung von ChatGPT fuer 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 Loesung" | 4 | | "Hebe dein Business auf das naechste Level" | 4 | | "Wir leben in einer Zeit beispielloser Veraenderung" | 4 | | "An der Schnittstelle von [X] und [Y]" | 4 | | "Modernste Technologie" | 4 | | "Konzipiert fuer das moderne Unternehmen" | 4 | | "Vertrauen von fuehrenden Unternehmen" | 4 | | "Schliesse dich tausenden zufriedenen Kunden an" | 4 | | "Optimiere deinen Workflow" | 3 | | "Erschliesse neue Moeglichkeiten" | 3 | | "Nahtlos integriert" | 3 | | "Treibe messbare Ergebnisse" | 3 | | "Ob Anfaenger oder Profi" | 3 |

Diese Phrasen hier sind Beispiele zum Vermeiden, keine Empfehlung. Wenn du sie in deinem Text findest, streichen.

Die typografischen Tics

Tic 1: Em-Dashes (—) im Ueberfluss. ChatGPT und Claude setzen Em-Dashes dort, wo ein Mensch Komma, Klammer oder gar nichts setzen wuerde. Mehr als ein Em-Dash pro 200 Woerter ist verdaechtig. Zaehl nach.

Tic 2: Gemischte Anfuehrungszeichen. Modelle mischen typografische ("...") und gerade Anfuehrungszeichen, oft inkonsistent.

Tic 3: Oxford-Komma. Im Deutschen verwendet man die serielle Komma vor "und" nicht. Modelle produzieren sie standardmaessig, wenn sie aus dem Englischen uebersetzen. Starkes Indiz.

Tic 4: Launische Grossschreibung. LLMs setzen Substantive im englischen Stil gross, wo das Deutsche es nicht verlangt. "Die Kuenstliche Intelligenz Transformiert Unsere Gesellschaften." Kein Lektor wuerde 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 wuerden. "Vorteile: – schnell, – zuverlaessig, – skalierbar." statt "Schnell, zuverlaessig, skalierbar." Oder besser: "Es ist schnell. Und zuverlaessig. Skalieren werden wir spaeter sehen."

Tic 7: Saetze die mit "und vieles mehr" enden. Fast universelles Slop-Signal.

Wie man anti-slop schreibt

• Streich den ersten Satz. Immer. Wenn dein Artikel mit "In einer Welt, in der..." beginnt, loesch alles bis zum ersten Satz, der nicht auf jedes andere Thema passen wuerde.
• Sei datiert. Setz Jahreszahlen, Werte, Daten. "2024 hat Tailwind..." schlaegt "Kuerzlich hat Tailwind...".
• Nenne Eigennamen. Tools, Personen, Firmen, Produkte. Slop ist anonym, menschliches Schreiben ist bevoelkert.
• Beziehe Position. Slop legt sich nicht fest. Menschliches Schreiben verteidigt eine These, auch wenn sie klein ist.
• Verbiete Hohluebergaenge. "Darueber hinaus", "es ist ueberdies anzumerken", "ferner sei erwaehnt". Wenn die Idee dazugehoert: einfach hinschreiben.
• Variiere die Satzlaenge. Slop hat sehr uniforme Durchschnittslaengen. Menschliches Schreiben wechselt. Kurzer Satz. Laengerer Satz, der mit 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. Frage jede dasselbe: "Welche These verteidigt dieser Text?" Wenn alle drei verschiedene Antworten geben (oder schlimmer: "Weiss nicht"), ist dein Text Slop. Wenn alle drei dieselbe Antwort geben, traegt dein Text eine These.

Slop hat per Definition keine These. Er beschreibt, erwaehnt, listet, schliesst — aber verteidigt nichts. Genau deshalb wird er gelesen und sofort vergessen.

Mini-Fallstudie: LinkedIn-Post

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

> In einer immer staerker vernetzten Welt definiert kuenstliche Intelligenz die Regeln des Marketings neu. Ich habe ueber 50 Unternehmen bei ihrer digitalen Transformation begleitet — und ich kann es bestaetigen: KI ist keine Option mehr, sondern Notwendigkeit. > > 5 Gruende, warum KI deine Marketingstrategie revolutionieren wird: > Personalisierung in grosser Skalierung > Predictive Analytics > Automatisierung repetitiver Aufgaben > Kontinuierliche Kampagnenoptimierung > Messbarer und verbesserter ROI > > Die Zukunft des Marketings liegt in den Haenden derer, die diese Revolution zu nutzen wissen.

Menschliche Umschrift:

> Ich habe drei Monate lang GPT-5 + Klaviyo auf der Liste von 14k Abonnentinnen einer Mode-Brand getestet (2,3 Mio EUR Jahresumsatz). > > Rohergebnis: Oeffnungsrate von 22% auf 31%. Klickrate stabil. Abmeldungen verdoppelt. > > Hypothese: Personalisierung erhoeht das Oeffnen, weil die Betreffs persoenlich klingen. Sie erhoeht aber auch die Enttaeuschung beim Oeffnen — daher mehr Abmeldungen. > > Vorlaeufige Conclusion: KI ist kein Hebel fuer Bindung. Sie ist ein Aufmerksamkeitshebel auf kurze Frist. Fuer Bindung behaelt der Mensch den Vorteil.

Slop: 8 vage Zeilen. Mensch: 8 spezifische Zeilen. Gleiche Laenge, vierfache informationelle Dichte. Und nicht mit zehn anderen Posts verwechselbar.

Mehr dazu: Der Anti-Slop-Prompt fuer Claude, GPT und Gemini 2026.

---

7. AI Slop im Code

LLM-generierter Code hat seine eigene Slop-Familie. Es ist nicht, dass der Code nicht laeuft — er laeuft oft. Es ist, dass er die typischen Marker eines Modells traegt, das "professionell wirken" wollte.

Die zehn Hauptmarker

1. Nutzlose Kommentare. Triviale Kommentare ueber Code, der sich selbst erklaert.

// 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 wrapped, das ein DB-Call wrappt. Drei Indirektionsschichten fuer einen One-Liner. Das LLM hat zu viele Spring/Java-Beispiele gesehen.

3. Defensive try/catch. Catchen, loggen und so tun als waere nichts passiert. Fast immer falsch. Die Trainingsdaten enthalten viele "Beispiele fuer Error-Handling", die in Wirklichkeit Beispiele schlechten Error-Handlings sind.

4. Generische Naming. Variablen heissen data, result, handler, manager, helper, util. Funktionen heissen processData, handleRequest. Keine Information im Namen.

5. Ueberzogene Boilerplate-Typen. Ein Button-Interface mit zwoelf Optionen "fuer den Fall". Slop erweitert die API praeventiv, der Mensch fuegt 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 verfuegbar sind. Trainingsdaten 2018-2023 dominieren ueber 2024-2026-Patterns.

8. Wrapper ohne Funktion. const handleClick = (event) => onClickProp(event) — eine Indirektionsschicht, die nichts intercepted. Slop fuegt prophylaktische Wrapper hinzu.

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

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

Drei Diagnosetests fuer Code

Test 1: Kommentar-Code-Ratio. Zaehl Kommentar- und Code-Zeilen. Ueber 30%: paedagogischer Slop. Unter 5%: menschlich (kommentiert nur das Warum, nie das Was).

Test 2: Abstraktions-Tiefe. Wie viele Indirektionen durchlaufen Helper-Funktionen, bevor sie Business-Logik beruehren? Durchschnitt ueber 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 domaenenspezifische Namen.

---

8. Tool-Slop-Signaturen

Jedes Tool hinterlaesst 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-blue-Akzent, asymmetrischer Hero, Framer-Motion-Animationen | Punchige CTAs, Emoji-Headlines | useEffect + Fetch statt Suspense, viele Helper-Hooks | | Claude Artifacts | Folgt Briefing — wenn frei: dezente Tailwind-Defaults, weniger Verlaeufe | 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-Schluesse | 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, Tiefenschaerfe-Bokeh, glatte Haut | n/a | n/a | | Sora / Veo 3 | Schwebende Kamera, weiches Licht, neutraler Weissabgleich | n/a | n/a |

Mehr dazu: Wie verhindert man, dass eine Lovable-/v0-/Bolt-Site nach KI aussieht.

---

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 ueber 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 — Eroeffnungssaetze mit "Entdecke" oder "Entfessle", Hohlvokabular, Trikolon-Missbrauch, Schluesse, die die Einleitung wiederholen. Multidimensionales Scoring vergibt pro Dimension 0-100 Punkte und liefert einen gewichteten Gesamtscore mit konkreten Fix-Vorschlaegen.

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 Qualitaet generell, nicht Accessibility, nicht Security. Fuer die anderen Dimensionen nutze die jeweils spezialisierten Tools (axe, Pa11y, Stylelint).

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

Mehr dazu: Eine KI-Site in 30 Sekunden erkennen — die 17 Zeichen.

---

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 veroeffentlicht wird. Das Wort kommt aus dem Englischen und bezeichnete urspruenglich Schweinefutter — kalorienreich, naehrstoffarm. Es passt heute auf jeden rohen KI-Output, den man sofort als solchen erkennt.

> Q: Ist es verboten, KI zu nutzen?

Nein. KI nutzen ist nicht das Problem. Das Problem ist KI-Output ungelesen, ungeprueft, ungeaendert 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 Plaenen mit "Most popular"-Badge, FAQ-Akkordeon, Footer in vier Spalten. Wenn du fuenf von sieben triffst: Lovable. Andere Builder (v0, Bolt) liefern Variationen desselben Themas.

> Q: Muss man Tailwind aufgeben?

Nein. Linear, Vercel, Stripe nutzen Tailwind und sind nicht Slop. Was den Slop ausmacht, ist Tailwind ohne Customization: rohe blue-500 als primaer, rohe gray-200 fuer Borders, rohe rounded-lg und shadow-md. Wenn du Tailwind als Werkzeug nutzt und mit eigenen Color-Tokens, eigenen Spacing-Skalen und eigenen Components arbeitest: kein Slop. Wenn du die Defaults so laesst, wie sie kommen: Slop.

> Q: Wie sehr drueckt Slop bei Google?

Indirekt, aber stark. Google bestraft nicht "KI-Inhalt" explizit, sondern non-helpful Inhalt. Slop faellt systematisch in diese Kategorie wegen fehlender Experience, Expertise und Spezifitaet. Die Helpful-Content-Updates 2022-2025 haben SEO-Slop-Netzwerke massiv abgewertet — dokumentierte Faelle zeigen 70-95% Trafficeinbruch. AI Overviews und Perplexity zitieren Slop fast nie und greifen lieber auf Wikipedia, etablierte Medien und institutionelle Sites zurueck.

> Q: Wie viele Websites sind 2026 Slop?

Schaetzungen variieren, aber die meisten Analysen aus 2025-Anfang 2026 sehen etwa 50-60% der zwischen 2025 und 2026 publizierten Seiten als substanziell KI-generiert. Bei Landing Pages neuer SaaS-Projekte ist der Anteil hoeher (geschaetzt 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 — aendere mindestens Palette, Typo, Struktur, Copy. (2) Setze 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-100 mit konkreten Fix-Vorschlaegen. Du installierst es per npx sailop audit ./src oder bindest es als MCP-Server in Claude Code/Cursor ein. Die CLI und der MCP-Server sind Open Source, eine optionale Cloud-Version mit Dashboard und Audit-Historie ist fuer Teams verfuegbar. Es ersetzt kein Designteam — es ist ein Lint-Tool fuer 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 erzeugen oder zu detektieren. Inkludiert Design-Linter (wie Sailop), Marketplaces fuer 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 er symmetrisch mit sechs perfekten Tiles angewandt wird.

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

EEAT — Google-Akronym fuer Experience, Expertise, Authoritativeness, Trustworthiness. Bewertungsrahmen fuer Content-Qualitaet. 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 eingefuehrt hat: Inhalt soll Menschen nuetzen, nicht fuer Ranking optimiert sein. AI Slop ist die Antithese.

Inter — Sans-Serif von Rasmus Andersson, Default-Schrift des Webs 2020-2026. Ausgezeichnete Schrift, aber omnipraesent — daher unsichtbar und Slop-Signal.

MCP (Model Context Protocol) — Von Anthropic 2024 eingefuehrtes 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. 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 im Detail zu lesen. Kanonischer Produktionsmodus von Code-Slop.

---

Schluss

AI Slop ist kein aesthetisches Phaenomen, sondern eine oekonomische Konvergenz: Wenn die Grenzkosten der Produktion gegen Null fallen und alle dieselben Tools nutzen, konvergiert alles auf denselben Output. Das war so bei Helvetica im 20. Jahrhundert, bei Bootstrap in den 2010ern, bei Material Design 2014-2020. Der Slop von 2026 ist die naechste 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 Trainingsdaten des naechsten Modells, das noch konvergierenderen Slop liefert.

Der Ausweg ist weder technisch noch gesetzlich. Er ist kuenstlerisch. Es braucht Menschen, die ihr Werk signieren. Die Koerper, Stimme, Meinung in das stecken, was sie publizieren. Die Zeit verlieren, um Identitaet zu gewinnen. Die Constraints waehlen statt Defaults.

Sailop ist ein Werkzeug in dieser Werkzeugkiste. Keine Loesung. Ein Detektor, ein Thermometer. Wenn deine Site einen Slop-Score von 74/100 hat, 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 Patchwork.

Beide Optionen liegen offen. Es entscheidet sich jetzt.