TL;DR

Ouvre cinq landing pages SaaS au hasard sur Product Hunt un mardi de 2026. Quatre auront le même hero centré, le même bg-blue-600 sur le bouton, le même gradient from-violet-500 to-pink-500 en fond, les mêmes trois cards features avec une icône Lucide. Tu peux permuter les logos sans que personne ne le remarque. Ça, c'est l'AI slop : le contenu (texte, image, code, son, vidéo) produit par défaut par les grands modèles génératifs, sans direction artistique, sans goût, sans contrainte. En 2026, à peu près 60% du web public publié dans les douze derniers mois sort directement de v0, Bolt, Lovable, Replit Agent, ChatGPT ou Claude, et ça se voit. Tout converge vers les mêmes biais d'entraînement : Tailwind par défaut, Inter ou Geist, palette #3b82f6 (bleu Tailwind 500) et #8b5cf6 (violet Tailwind 500), trois cards en grid-cols-3, un hero avec un gradient violet-bleu-rose, des phrases comme "Unleash the power of seamless innovation". L'AI slop n'est pas juste laid : il est invisible. Et invisible, sur le web, c'est mort.

Cinq signes pour le reconnaître en 30 secondes :

• Un hero avec gradient bleu-violet, un titre en taille 5xl, et un sous-titre qui commence par "Discover" ou "Unleash"
• Trois cards alignées dans une grille grid-cols-3 avec une icône Lucide, un titre court, deux phrases vagues
• Une typo Inter ou Geist sur tout, sans hiérarchie autre que font-bold vs font-normal
• Un bouton primaire arrondi avec gradient et un hover qui scale légèrement
• Un footer avec quatre colonnes inutilisées : "Product / Company / Resources / Legal"

Si ton site coche trois de ces cases, tu fais partie du problème. Lis la suite. (Pour la checklist complète, voir détecter un site généré par IA en 30 secondes.)

---

1. Définition précise du AI slop

Étymologie

Le mot slop vient de l'anglais agricole. Au XIXème siècle, le slop désignait la bouillie servie aux cochons : un mélange tiède d'eau, de restes de cuisine, de céréales abîmées, de tout ce qui ne pouvait pas être vendu. Pas immangeable, pas pourri, juste sans valeur. C'est le mot exact, parce qu'il porte en lui l'idée de calorique sans être nutritif, exactement ce que sont la plupart des outputs LLM bruts.

L'expression AI slop est apparue sur Twitter (X) à l'été 2024. Le développeur et journaliste Andy Baio est généralement crédité d'avoir attaché ce mot au phénomène, en parallèle de discussions sur 4chan et Reddit où "slop" circulait déjà pour parler des images Midjourney bas de gamme. Simon Willison, créateur de Datasette et bloggeur prolifique sur les LLM, a popularisé le terme dans la communauté tech via son blog (Simon Willison's Weblog) à l'automne 2024. À partir de janvier 2025, le terme entre dans le MIT Technology Review, The Verge, 404 Media, Wired, et finit par être discuté dans les pages éditoriales du Guardian et du New York Times courant 2025.

En français, on hésite encore entre plusieurs traductions. Bouillie d'IA, soupe IA, gloubi-boulga génératif. Aucune ne s'est imposée. La plupart des francophones tech utilisent l'anglicisme direct : AI slop, ou simplement slop. C'est ce qu'on fera ici.

Quatre familles de AI slop

Le terme couvre quatre médiums distincts qui partagent les mêmes symptômes : convergence, manque de direction, redondance, surproduction.

1. AI slop visuel. Sites web, illustrations, icônes, infographies, designs Figma, posts Instagram. Symptômes : palette Tailwind par défaut, gradient bleu-violet, layout grid-cols-3, typographie Inter, beaucoup d'air, peu d'identité.

2. AI slop textuel. Articles de blog, descriptions produits, posts LinkedIn, essais, scripts YouTube, mails marketing. Symptômes : phrases d'introduction génériques, listes à puces sans hiérarchie, conclusion qui répète l'intro, vocabulaire vide ("seamless", "innovative", "leverage", "robust"), pas de prise de position.

3. AI slop sonore. Musique générée (Suno, Udio), voix synthétiques (ElevenLabs), podcasts entiers (NotebookLM). Symptômes : structure A-B-A-B prévisible, mix surcompressé, voix qui respirent à des endroits non humains, transitions qui ne mènent nulle part.

4. AI slop vidéo. Sora, Veo 3, Runway, Pika. Symptômes : caméra qui flotte sans intention, mains à six doigts, raccord qui pète au-delà de 4 secondes, transitions cross-fade automatiques, musique de stock générée.

Ce que l'AI slop n'est PAS

Pour clarifier : l'AI slop n'est pas synonyme de "fait avec une IA". Un développeur qui utilise Claude Code pour écrire un linter custom avec sa propre direction artistique ne produit pas de slop. Un graphiste qui passe par Midjourney pour générer une référence avant de la repeindre ne produit pas de slop. Un rédacteur qui utilise ChatGPT pour brainstormer un plan puis écrit lui-même ne produit pas de slop.

Le slop, c'est l'output brut, sans intervention humaine substantielle, publié tel quel. C'est la ligne qui sépare l'outil du remplaçant. Quand un humain perd la main sur le résultat final, le résultat est slop.

Le test du sosie

Voici un test simple pour décider si quelque chose est du slop. Mets ton site, ton article ou ta vidéo à côté de cinq autres outputs du même outil. Demande-toi : est-ce que je peux distinguer le mien à 50 mètres de distance, sans lire le contenu, juste à la silhouette ? Si oui, ce n'est pas du slop. Si non, c'est du slop.

C'est ce qu'on appelle dans la pratique du branding la "logo recognition test" : la capacité à identifier une marque uniquement à sa silhouette typographique. Étendue au design web complet, elle devient un test diagnostic du slop. Linear se reconnaît à 50 mètres. Vercel se reconnaît à 50 mètres. Stripe se reconnaît à 50 mètres. Un site v0 brut ne se reconnaît à aucune distance, parce qu'il est interchangeable avec mille autres.

Slop par négligence vs slop par conception

Il existe deux types de slop. Le slop par négligence est celui produit par quelqu'un qui voulait bien faire mais qui n'a pas eu le temps, le budget ou la compétence pour intervenir sur l'output IA. Indie hackers pressés, fondateurs en MVP, freelances en surcharge. Ce slop est compréhensible et souvent transitoire : le créateur l'améliorera quand il aura les moyens.

Le slop par conception est celui produit cyniquement, en série, à des fins de SEO ou de farming. Réseaux de blogs spammy, sites Etsy de revendeurs, fermes de contenu sur Pinterest. Ce slop est intentionnel et persistant : son créateur sait qu'il produit du slop et c'est précisément le but. C'est le slop qui pèse sur l'expérience web globale et qui justifie la réaction des moteurs de recherche.

Sailop ne distingue pas les deux. Il signale les patterns. Mais en tant qu'utilisateur, distingue-les dans ta tête : ton site MVP qui sortira un jour de slop n'est pas le même problème que la ferme de slop intentionnelle. La gravité morale n'est pas la même.

---

2. Pourquoi 2026 est l'année du pic du AI slop

Les chiffres approximatifs

Personne n'a un compteur précis du AI slop sur le web. Les estimations varient. Voici ce que recoupent la plupart des analyses publiées en 2025 et début 2026 :

• Environ 50 à 60% des nouvelles pages web publiées entre 2025 et 2026 contiennent une portion substantielle de contenu généré par IA (texte ou code)
• Les nouveaux noms de domaine actifs ont à peu près doublé entre 2023 et 2026, avec une explosion sur les sites "one-page" générés par v0, Lovable et Bolt
• Sur LinkedIn, la majorité des posts longs publiés en 2026 portent une signature stylistique LLM identifiable (tirets cadratins en excès, structure en trois temps, conclusion en "the future of...")
• Les listings produits Amazon, Etsy et Shopify ont connu une explosion de descriptions slop entre 2024 et 2026, à tel point que certaines plateformes ont mis en place des heuristiques de détection en interne

La courbe de croissance

Croissance estimée du AI slop dans le web indexé (% du contenu nouveau)
2022  | █                                            2%
2023  | ███                                          8%
2024  | ████████                                     18%
2025  | ███████████████████████                      42%
2026  | ████████████████████████████████             58%
2027  | █████████████████████████████████████ (proj) 70%

Pourquoi maintenant et pas plus tôt

Trois facteurs ont convergé entre fin 2024 et fin 2025 :

1. La barrière du "déploiement" est tombée. v0, Bolt et Lovable ont sorti des produits qui font passer une idée à une URL .vercel.app ou .netlify.app en moins de cinq minutes. Avant, il fallait au moins un développeur. Maintenant, n'importe qui avec une carte bleue peut publier un site complet.

2. Les modèles ont franchi le seuil de "passable". En 2023, GPT-4 et Claude 2 produisaient du code qui ne tournait souvent pas. En 2025, GPT-5, Claude Opus 4.5 et Gemini 2.5 produisent du code qui tourne, déploie, et a l'air "pro" au premier coup d'œil. La barrière de qualité minimale est franchie.

3. L'économie de l'attention a accéléré. En 2026, publier vite vaut souvent mieux que publier bien. Les indie hackers qui sortent dix sites par mois battent ceux qui en peaufinent un pendant six mois. Cette pression économique pousse mécaniquement vers le slop.

Les outils et leur poids relatif

Voici les outils dominants début 2026, classés par volume de production de slop :

| Outil | Type | Volume estimé | Signature visuelle | |-------|------|---------------|---------------------| | v0 (Vercel) | Site builder LLM | Très élevé | shadcn/ui, Geist, gradient violet | | Lovable | Full-stack builder | Élevé | Tailwind défaut, layout grid-cols-3, Supabase | | Bolt (StackBlitz) | Site builder | Élevé | Tailwind, palette bleue, animations Framer | | Replit Agent | Code agent | Moyen | Variable mais souvent slop par défaut | | Cursor + auto-mode | IDE assisté | Moyen | Dépend du pilote humain (moins slop s'il intervient) | | Claude Code | CLI agent | Moyen | Variable (moins slop si bien briefé) | | ChatGPT (Canvas) | Chat + canvas | Très élevé | HTML brut, peu stylé | | Gemini (Code) | Chat + canvas | Élevé | Material Design dérivé | | Midjourney v7 | Image | Très élevé | Esthétique "midjourney 2024-26" reconnaissable | | Sora / Veo 3 | Vidéo | Croissant | Mouvement caméra flottant, lumière trop douce | | Suno / Udio | Audio | Croissant | Mix compressé, structure prévisible |

Tableau détaillé : signature visuelle complète par outil

Pour comprendre la convergence, voici une table qui détaille palette par défaut, typographie par défaut et structure de page typique des principaux outils. Lue côte à côte, elle explique pourquoi tant de sites se ressemblent : trois outils sur quatre poussent vers le même hero centré et le même footer à quatre colonnes.

| Outil | Palette par défaut | Typo par défaut | Structure de page typique | |-------|---------------------|------------------|------------------------------| | v0 | gradient from-violet-500 via-purple-500 to-pink-500, neutre zinc, accent violet-500 | Geist Sans + Geist Mono | Hero centré → trust logos → 3 cards features → How it works (3 étapes) → Pricing 3 plans → FAQ → CTA → Footer 4 cols | | Lovable | blue-500 primary, purple-500 accent, gray-50 fond, gray-900 texte | Inter (variable) | Hero centré → 3 features → "How it works" → Testimonials (3) → Pricing 3 → FAQ → Footer 4 cols | | Bolt | blue-500 ou indigo-500 primary, pink-400 accent | Inter ou system-ui | Hero centré asymétrique → Features grid (3-6) → Animations Framer Motion → CTA → Footer simple | | Replit Agent | Variable, souvent green-500 ou Tailwind blue | Inter, parfois Roboto | Plus utilitaire : nav → contenu plein → footer minimal | | ChatGPT Canvas | HTML brut, palette navigateur | Times New Roman fallback ou system-ui | Pas de structure imposée, mais tendance à lister les sections | | Claude Code (sans contexte) | Suit le projet existant si fourni, sinon Tailwind defaults | Suit le projet | Suit le projet ou structure neutre | | Cursor auto-mode | Suit le projet | Suit le projet | Suit le projet | | Gemini Code Assist | Material Design 3 colors | Roboto / Google Sans | Material 3 patterns : top bar, cards, FAB | | Midjourney v7 | Lumière dorée, contraste élevé, profondeur de champ exagérée | n/a | n/a | | Sora / Veo 3 | Lumière douce, balance des blancs neutre | n/a | n/a | | Suno / Udio | n/a | n/a | Structure A-B-A-B-bridge-A-outro |

La mécanique de la convergence

Pour comprendre pourquoi cette convergence est si forte, il faut regarder la mécanique sous-jacente. Trois forces se cumulent :

Force 1 : le training data partagé. Tous les modèles sont entraînés sur des sous-ensembles fortement recouvrants du web (Common Crawl, GitHub public, Wikipedia, Reddit, Stack Overflow). Ils ont vu les mêmes exemples. Logiquement, ils en tirent les mêmes patterns.

Force 2 : le RLHF homogène. Le Reinforcement Learning from Human Feedback (RLHF) est fait par des annotateurs humains qui rééquilibrent les modèles vers les outputs "que les gens préfèrent". Or, les annotateurs eux-mêmes vivent dans la même bulle culturelle 2020-2025 (San Francisco, Lagos, Manille selon les contractants), et préfèrent les mêmes patterns "modernes" (clean, minimal, Tailwind). Cette préférence se propage par RLHF.

Force 3 : la convergence par évaluation. Les benchmarks publics (HumanEval, MMLU, ChatGPT Arena) sont les mêmes pour tous les modèles. Les améliorations sont mesurées sur les mêmes critères. Les modèles convergent vers les optima de ces benchmarks. Si un benchmark récompense la "clarté" et que la "clarté" se traduit en pratique par "Tailwind defaults", alors tous les modèles tendent vers Tailwind defaults.

Cette convergence est structurelle. Elle ne disparaîtra pas avec un modèle plus gros. Elle disparaîtra si et seulement si les modèles sont volontairement diversifiés dans leur training et leur RLHF, ce qui est techniquement possible mais commercialement contre-incitatif.

Prédictions pour 2027

Les courbes ne s'inversent pas seules. Trois scénarios se dessinent pour 2027 :

Scénario A : Saturation et backlash. Le web devient tellement saturé de slop que les utilisateurs se replient massivement sur des canaux curatés (newsletters payantes, communautés Discord fermées, podcasts indépendants). L'IA détecte l'IA, Google déclasse le slop, le marché du "anti-slop premium" décolle.

Scénario B : Convergence acceptée. Le slop devient le nouveau standard, comme Helvetica est devenu le standard typographique du XXème siècle. Tout se ressemble parce que tout le monde a accepté le minimum viable. Le différenciateur devient le contenu, pas la forme.

Scénario C : Hybridation. Les outils intègrent des contraintes de différenciation à la source. v0 propose des "design tokens uniques", Lovable génère des palettes par marché, Bolt force des layouts non-grid. Le slop devient moins visible parce que les outils eux-mêmes apprennent à varier.

Le scénario C est le plus probable à moyen terme. Mais entre-temps, on a 18 à 24 mois de slop massif à traverser.

---

3. Les 7 dimensions du AI slop visuel

L'AI slop visuel n'est pas une seule chose. C'est un faisceau de signaux. Voici les sept dimensions sur lesquelles tu peux le diagnostiquer.

Dimension 1 : la palette

Anti-pattern. Le bleu #3b82f6 (Tailwind blue-500) en couleur primaire, un violet #8b5cf6 (Tailwind violet-500) en accent, un gris #1f2937 (Tailwind gray-800) en texte, et un blanc cassé #f9fafb (Tailwind gray-50) en fond. Cette palette apparaît dans environ 40% des sites générés par v0 et Bolt sans modification.

Exemples concrets.

• Bouton primaire bg-blue-500 avec hover bg-blue-600
• Gradient hero from-blue-500 via-purple-500 to-pink-500
• Card avec border border-gray-200 et ombre shadow-md
• Badge avec bg-blue-100 text-blue-700
• Lien avec text-blue-600 underline

Antidote. Choisis une palette à trois couleurs maximum, dont une couleur dominante non-Tailwind. Si tu veux du bleu, fais ton bleu : #1c3a52 plutôt que #3b82f6. Travaille tes neutres : #0a0a0a pur ou #fafaf7 cassé valent mieux que les gris Tailwind. (J'ai détaillé la mécanique exacte de cette couleur dans pourquoi le bleu Tailwind et le gradient violet sont la signature de l'IA.)

Diagnostic en 30 secondes. Ouvre les DevTools (F12), onglet Elements, et survole ton bouton primaire. Si la couleur calculée affiche rgb(59, 130, 246), c'est #3b82f6, le bleu Tailwind 500 brut. Si ton accent affiche rgb(139, 92, 246), c'est #8b5cf6, le violet 500. Les deux ensemble, non retouchés, suffisent à classer un site comme sorti d'un générateur. Une couleur de marque vraie tombe rarement pile sur une valeur de la doc Tailwind.

Méthode pratique. Ouvre Adobe Color, Coolors ou Paletton et compose une palette à partir d'une référence non-tech. Une photographie de Saul Leiter pour les jaunes ocre. Un poster suisse des années 60 pour le rouge plomb. Une couverture Penguin Classics pour le orange brique. Sors du training set des LLM. Si tu peux trouver ta référence sur Behance ou Dribbble, c'est probablement déjà dans le training set.

Anecdote signal. En 2025, plusieurs studios de design (Pentagram, Resn, Locomotive) ont introduit dans leur process une étape "color audit" qui rejette automatiquement toute proposition reposant sur les nuances Tailwind brutes. C'est devenu un signal de qualité interne : si la palette pourrait sortir d'un bg-blue-500, on recommence.

Dimension 2 : la typographie

Anti-pattern. Inter sur tout. Ou Geist depuis que Vercel l'a sorti. Une seule famille, deux poids (regular + bold), tailles text-4xl à text-base, hauteurs de ligne leading-tight ou leading-relaxed. Aucune hiérarchie autre que la taille.

Exemples concrets.

• Hero

  en text-6xl font-bold

• Section title en text-4xl font-bold
• Body en text-base leading-relaxed
• Sous-titre en text-xl text-gray-600
• Pas de display font, pas de serif, pas d'italique

Antidote. Mélange deux familles avec un contraste fort : un display (serif éditorial, mono brutaliste, sans-serif géométrique) pour les titres, un sans-serif neutre pour le body. Joue sur les graisses (300 / 500 / 800) plutôt que sur les tailles seules. Utilise l'italique pour les accents.

Polices anti-slop recommandées. Pour les titres : Söhne (Klim), Editorial New (Pangram Pangram), GT America (Grilli Type), Migra (Pangram), Pixel Operator pour le brutalisme, Times Now pour un retour serif chic. Pour le body : Söhne Buch, ABC Diatype, Untitled Sans, Pangram Sans Variable. Pour le mono : Berkeley Mono, JetBrains Mono italique (rare), Space Mono. Évite Inter, Geist, Roboto, Open Sans, Lato, Poppins : ces six polices représentent à elles seules 70% du training set typographique des LLM, et leur usage signale automatiquement le default.

Cas pratique. Le site de Linear utilise Inter Display. Mais Linear l'a customisée avec des tracking spécifiques, des hiérarchies travaillées, une mise en page éditoriale. Linear utilise Inter et n'est pas slop. Tu peux donc utiliser Inter : ce qui te trahit n'est pas le choix de police, c'est l'absence de travail dessus. Le slop n'est pas une question de matière, c'est une question d'effort.

Dimension 3 : le layout

Anti-pattern. Le trois cards horizontales en grid grid-cols-1 md:grid-cols-3. Chaque card avec une icône Lucide en haut, un titre font-semibold, deux phrases descriptives. Espacé en gap-6 ou gap-8. C'est le memo viral du AI slop, on y revient en section 5.

Exemples concrets.

• Hero pleine largeur, centré, avec gradient en fond
• Trois cards features en grid-cols-3
• Section "How it works" avec trois étapes numérotées 01 / 02 / 03
• Section testimonials avec trois témoignages (toujours trois)
• CTA final centré avec deux boutons côte à côte
• Footer en quatre colonnes : Product / Company / Resources / Legal

Antidote. Casse la symétrie. Utilise des layouts asymétriques. Mets cinq features au lieu de trois, ou une seule. Aligne le hero à gauche au lieu de centrer. Mets l'icône à droite du texte au lieu d'au-dessus. Travaille la grille comme un éditeur de magazine, pas comme un développeur Tailwind.

Dimension 4 : la copy

Anti-pattern. Phrases vagues et génériques qui pourraient s'appliquer à n'importe quoi. Hero qui dit "Unleash the power of [your business]". Sous-titre qui parle de "seamless integration" et "cutting-edge technology". Section CTA qui demande de "Get started today" ou "Join the future".

Exemples concrets de copy slop.

• "Discover seamless workflows."
• "Empower your team with AI-driven insights."
• "The future of [whatever] is here."
• "Built for the modern enterprise."
• "Streamline your operations and unlock new possibilities."

Antidote. Sois spécifique, concret, daté, chiffré. Au lieu de "fast performance", écris "génère une page Next.js en moins de 800ms sur un MacBook M1". Au lieu de "trusted by leading companies", liste-les nommément si elles existent vraiment, ou supprime la section.

Dimension 5 : les emojis et l'iconographie

Anti-pattern. Lucide React partout. Toutes les icônes du même style : trait fin (1.5px), arrondies, neutres. Des emojis dans les titres pour faire "fun" : "🚀 Performance", "✨ Magic", "💡 Smart insights". Des badges "✓ Free forever".

Exemples concrets.

• au-dessus de chaque card
• dans le hero pour signifier "AI"
• à gauche de chaque ligne de pricing
• Emoji 🚀 dans le titre du hero
• Badge "🎉 Now with v2!" dans la nav

Antidote. Si tu utilises des icônes, fais-les toi-même ou utilise un set qui n'est pas Lucide / Heroicons / Feather. Pixelarticons, Iconoir, Phosphor, ou mieux : un set custom. Bannis les emojis dans les titres sauf si c'est culturellement justifié (un site de cuisine peut utiliser 🍳, un site SaaS B2B ne devrait pas).

L'iconographie comme axe différenciant. Dans un monde où tout le monde utilise Lucide, l'iconographie devient un signal massif. Stripe a son set custom et reconnaissable. Linear a son set. Vercel a son set. Notion a son set. À chaque fois, un investissement initial de 20-50 icônes custom suffit à donner une signature visuelle pour 5-10 ans. Le coût : 1-3 jours d'illustrateur. Le gain : différenciation perpétuelle.

Test diagnostic. Si tu remplaces toutes tes icônes par celles d'un site concurrent, est-ce que ton site change visuellement ? Si non, c'est que tes icônes ne portent pas d'identité. C'est du slop iconographique.

Dimension 6 : les animations

Anti-pattern. Framer Motion sur tout, avec des transitions identiques. Fade-in-up à 0.5s ease-out au scroll, staggered children avec delay 0.1s, hover scale 1.05 sur les cards, button hover qui change la couleur de fond avec transition 200ms. Toutes les animations Framer Motion par défaut, sans personnalité.

Exemples concrets.

// L'animation slop standard
<motion.div
  initial={{ opacity: 0, y: 20 }}
  animate={{ opacity: 1, y: 0 }}
  transition={{ duration: 0.5, ease: "easeOut" }}
>

• Carousel avec auto-rotation de 5s
• Cursor light effect qui suit la souris (le "spotlight" de tous les sites SaaS 2024-26)
• Marquee de logos clients qui scrolle horizontalement à l'infini
• Grain noise overlay statique en SVG

Antidote. Soit pas d'animations du tout (souvent mieux), soit des animations spécifiques à ton univers. Une transition cubique custom, un easing non-standard, un timing non-rond (470ms et pas 500ms), un mouvement qui raconte quelque chose. Et surtout, demande-toi si l'animation sert le contenu ou si elle masque l'absence de contenu.

Le test du sound off. Coupe le son de ton site. Met tout en pause. Si tes animations sont là juste pour faire vivre une page qui n'a rien à dire sans elles, c'est du slop animatoire. Si elles soulignent un contenu déjà fort, elles sont utiles. La règle : l'animation ajoute, elle ne remplace jamais.

Studios anti-slop référence en animation. Resn (Wellington), Active Theory (Los Angeles), Hello Monday (Copenhague), DOGSTUDIO (Bruxelles) et Locomotive (Montréal) produisent des animations qui ne ressemblent à aucune autre parce qu'elles sont fabriquées pour un projet spécifique, pas piochées dans un catalogue de presets Framer Motion.

Dimension 7 : la structure de page

Anti-pattern. La structure suivante, dans cet ordre exact, présente sur 70% des landing pages générées par v0 et Lovable en 2026 :

• Nav fixe avec logo à gauche, 4 liens centraux, bouton "Get started" à droite
• Hero centré avec h1 en text-6xl, sous-titre, deux boutons (primaire + secondaire ghost)
• Logo cloud "Trusted by" avec 5 logos en grayscale
• Features section avec trois cards en grille
• "How it works" en trois étapes
• Testimonials (trois)
• Pricing avec trois plans (Starter / Pro / Enterprise)
• FAQ en accordéon
• CTA section ("Ready to get started?")
• Footer en quatre colonnes

Antidote. Réfléchis à ce que ton produit doit vraiment dire. Si tu as une seule feature qui mérite trois écrans d'explication, prends ces trois écrans. Si tu n'as pas de testimonials réels, supprime la section. Si ton pricing est unique, ne fais pas trois plans pour faire trois plans. La structure doit suivre le contenu, pas l'inverse.

---

4. Tableau : Top 10 anti-patterns par fréquence en 2026

Voici les dix patterns les plus fréquents observés sur des landing pages publiées en 2025-2026, basés sur des audits manuels de plusieurs centaines de sites générés par v0, Bolt et Lovable.

| Pattern | % des sites IA | Score de gravité (1-5) | |---------|----------------|------------------------| | Hero avec gradient bleu-violet | ~78% | 4 | | Trois cards features en grid-cols-3 | ~72% | 5 | | Typographie Inter ou Geist exclusive | ~68% | 3 | | Section "Trusted by" avec logos grayscale | ~61% | 4 | | Bouton "Get started" en CTA principal | ~58% | 3 | | Footer en 4 colonnes Product/Company/Resources/Legal | ~55% | 4 | | Pricing en 3 plans Starter/Pro/Enterprise | ~52% | 4 | | Icônes Lucide React sur tout | ~50% | 3 | | Animation fade-in-up au scroll (Framer Motion) | ~47% | 2 | | FAQ en accordéon avec 5-7 questions génériques | ~44% | 3 |

Le score de gravité est subjectif mais reflète l'impact sur la perception "site IA". Un score de 5 signifie que ce seul élément suffit souvent à signaler que le site est sorti d'un outil génératif sans intervention humaine.

---

5. Le pattern des 3 cards : pourquoi `grid-cols-3` est devenu le memo viral du AI slop

Si on devait choisir UN signe pour reconnaître un site IA, ce serait celui-là. La grille de trois cards features. Chaque card avec une icône en haut, un titre court, deux à trois lignes descriptives.

Pourquoi exactement trois ?

Parce que les LLM ont été massivement entraînés sur des landing pages 2018-2024 où la convention était trois features mises en avant. Trois, c'est le nombre de Goldilocks : assez pour faire "on a plusieurs choses à dire", pas trop pour fatiguer. C'est aussi le nombre qui s'aligne bien sur trois colonnes desktop, une colonne mobile.

Les modèles ont absorbé cette convention et la reproduisent partout, à un point où c'est devenu un meme. Sur Twitter, depuis fin 2024, des screenshots de "yet another grid-cols-3" sont partagés régulièrement comme blague récurrente.

Le pattern exact

<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 that keep your users engaged.
        </p>
      </div>
      {/* Card 2 */}
      {/* Card 3 */}
    </div>
  </div>
</section>

Tu reconnais ce code ? Tu devrais. Il sort tel quel de v0, Bolt et Lovable, à des variantes minimales près.

À quoi ressemble l'alternative en code

Casser ce pattern ne demande pas un studio à 50 000€. Voici une version éditoriale : une feature dominante qui occupe deux tiers de la largeur, deux features secondaires empilées sur le tiers restant. La hiérarchie visuelle dit enfin quelque chose au lieu de tout aplatir.

<section className="py-24">
  <div className="mx-auto max-w-5xl px-6 grid gap-px bg-stone-200
                  md:grid-cols-3 md:grid-rows-2">
    {/* feature principale : 2 colonnes, 2 rangées */}
    <article className="bg-stone-50 p-10 md:col-span-2 md:row-span-2">
      <span className="font-mono text-xs tracking-widest text-stone-500">01</span>
      <h3 className="mt-4 font-serif text-3xl">Diff visuel image par image</h3>
      <p className="mt-3 max-w-prose text-stone-700">
        On compare deux exports pixel par pixel et on surligne en
        <code className="text-[#b4530a]"> #b4530a</code> ce qui a bougé. Pas une
        promesse, une capture.
      </p>
    </article>
    {/* secondaires : 1 colonne chacune */}
    <article className="bg-stone-50 p-8">
      <span className="font-mono text-xs tracking-widest text-stone-500">02</span>
      <h3 className="mt-3 font-serif text-xl">Export Markdown</h3>
    </article>
    <article className="bg-stone-50 p-8">
      <span className="font-mono text-xs tracking-widest text-stone-500">03</span>
      <h3 className="mt-3 font-serif text-xl">Hook CI sur la PR</h3>
    </article>
  </div>
</section>

Trois changements suffisent à sortir du slop : tailles inégales (col-span-2 row-span-2), neutre non-Tailwind (stone plutôt que gray, et un accent #b4530a qui n'est dans la palette d'aucun framework), serif pour les titres. Le contenu reste le même. La silhouette, non.

Comparaison : 3 cards vs alternatives

| Approche | Slop ? | Pourquoi | |----------|--------|----------| | 3 cards grid-cols-3 avec icônes Lucide | Oui (5/5) | Le pattern par excellence | | 3 cards grid-cols-3 sans icônes | Oui (4/5) | Mieux mais pattern toujours visible | | 4 cards grid-cols-2 | Oui (3/5) | Variante du même pattern | | 5 features asymétriques avec tailles variables | Non (1/5) | Casse la grille, signale humain | | 1 feature détaillée sur tout l'écran avec scroll narratif | Non (0/5) | Anti-slop par construction | | 7 features en liste chronologique numérotée | Non (1/5) | Original, casse les conventions |

L'antidote au pattern 3 cards

Si tu as trois choses à dire, dis-les autrement. Une longue page narrative qui scrolle. Un layout "Bento" inspiré d'Apple, mais avec des tailles de tuiles vraiment irrégulières (pas le bento slop avec 6 tuiles parfaitement géométriques). Un format diapo/présentation. Un format question-réponse. N'importe quoi sauf trois cards.

Si tu DOIS faire trois cards parce que ton brief l'impose, alors différencie-les radicalement. Tailles différentes. Couleurs différentes. Une avec image, une avec graphique, une avec citation. Ne fais pas trois clones avec une icône qui change.

---

6. Tailwind bleu (#3b82f6) et violet (#8b5cf6) : la psychologie de la sortie par défaut

Pourquoi ces deux couleurs spécifiquement

Tailwind CSS, créé par Adam Wathan en 2017, est devenu le framework CSS dominant à partir de 2020. Sa palette de couleurs a été pensée pour être "good defaults" : des couleurs accessibles, contrastées, modernes. Le bleu 500 (#3b82f6) et le violet 500 (#8b5cf6) sont au milieu de leurs gammes respectives, ce qui en fait les choix par défaut naturels.

Quand un LLM génère du code Tailwind, il a deux raisons de pencher vers ces couleurs :

• Biais de fréquence dans l'entraînement. Les exemples de code Tailwind dans le training data utilisent disproportionnellement blue-500 et violet-500 parce que ce sont les exemples canoniques de la doc et des tutoriels.

• Biais cognitif "centre de gamme". Quand un modèle doit choisir une nuance, il choisit la médiane. blue-500 est la médiane littérale de blue-50 à blue-950. Pareil pour le violet.

La psychologie de la sortie par défaut

Cette convergence n'est pas un accident. C'est ce qu'on appelle en sciences cognitives le default bias : quand un agent (humain ou modèle) doit faire un choix sans contrainte forte, il prend le default. Multiplier des défauts, et tu obtiens un monde uniforme.

Pour les humains, le default bias se combat avec la formation, le goût, l'expérience. Pour les LLM, il faut soit modifier le training (cher), soit ajouter une contrainte explicite dans le prompt ("don't use blue-500"), soit faire passer le résultat dans un linter qui détecte et signale les défauts.

Capture narrative : 5 sites différents qui se ressemblent

Cinq onglets ouverts, cinq SaaS censément distincts : un outil de productivité pour équipes commerciales, un service de monitoring d'API, un constructeur de chatbot, un outil de relecture de contrats juridiques, une plateforme d'analytics e-commerce. Cinq verticaux qui n'ont rien à voir.

Tu passes de l'un à l'autre. Aucune différence visuelle.

• Tous : hero centré avec gradient bleu-violet en fond, titre text-6xl font-bold, sous-titre text-xl text-gray-600, deux boutons côte à côte (primary bg-blue-600, secondary ghost)
• Tous : section "Trusted by 500+ teams" avec cinq logos de boîtes inconnues en grayscale
• Tous : trois features cards grid-cols-3 avec icônes Lucide
• Tous : section "How it works" en trois étapes
• Tous : pricing en trois plans avec un plan "Most popular" surligné
• Tous : FAQ en accordéon
• Tous : footer en quatre colonnes

Tu pourrais permuter les noms de marque entre les cinq sites, et personne ne le remarquerait. Le slop, c'est ça : l'interchangeabilité totale entre des produits qui sont supposés être différents.

Distribution des couleurs primaires sur le web 2020 vs 2026

2020 : Distribution approximative des couleurs primaires sur landing pages SaaS
Bleu      ████████████████████  35%
Vert      ████████              18%
Violet    █████                 10%
Rouge     ██████                12%
Orange    ████                  8%
Noir      ██████                14%
Autres    ███                   3%

2026 : Même distribution
Bleu      ████████████████████████████████  62%
Violet    ██████████                        21%
Vert      ████                              7%
Rouge     ██                                4%
Orange    █                                 2%
Noir      ██                                3%
Autres    █                                 1%

La diversité s'est effondrée. Ça ne tient pas à un complot Tailwind, ça tient à la convergence statistique des modèles génératifs.

---

7. Le AI slop textuel

L'AI slop textuel est plus vieux que l'AI slop visuel : il est massif depuis 2023, avec la généralisation de ChatGPT pour la rédaction de blog posts SEO, descriptions produits Amazon, posts LinkedIn et mails marketing. Il a évolué : les modèles 2026 sont meilleurs qu'en 2023, mais ils trahissent toujours leur origine.

Les marqueurs du AI slop textuel

Marqueur 1 : la phrase d'introduction générique.

• "In today's fast-paced world..."
• "In an era of unprecedented technological change..."
• "As we navigate the complexities of..."

Marqueur 2 : l'énumération en trois temps, partout. Les LLM adorent les listes de trois éléments séparés par des virgules. "Rapide, fiable et scalable." "Concevoir, construire, déployer." "Plus simple, plus rapide, plus intelligent." La structure ternaire est rythmiquement satisfaisante, et c'est précisément pour ça qu'elle devient un tic. Quand chaque paragraphe se termine par un groupe de trois, ce n'est plus du style, c'est une empreinte de modèle.

Marqueur 3 : la conclusion qui répète l'intro. Le post commence par "L'IA transforme tout", explique pendant 800 mots, et conclut par "L'IA transforme vraiment tout". Aucune progression argumentative.

Marqueur 4 : les transitions vides. "Furthermore", "Moreover", "Additionally", "It's worth noting that", "It's important to remember that". Ces transitions sont surutilisées par les LLM parce qu'elles donnent l'illusion de connecter des idées sans avoir à le faire vraiment.

Marqueur 5 : le vocabulaire creux. "Leverage", "synergy", "robust", "scalable", "innovative", "cutting-edge", "seamless", "empower", "unlock", "elevate", "transform". Ces mots ne disent rien mais sonnent professionnels.

Tableau : 40 phrases EN bannies + équivalents FR

| Phrase EN à bannir | Équivalent FR slop à éviter | |---------------------|------------------------------| | In today's fast-paced world | Dans un monde toujours plus rapide | | In an era of unprecedented change | À une époque de changements sans précédent | | Unleash the power of | Libérez tout le potentiel de | | Discover seamless | Découvrez l'expérience fluide | | Revolutionize your | Révolutionnez votre | | Empower your team | Donnez à votre équipe les moyens | | Cutting-edge technology | Technologie de pointe | | Take your X to the next level | Faites passer votre X au niveau supérieur | | Streamline your workflow | Simplifiez votre flux de travail | | Unlock new possibilities | Débloquez de nouvelles possibilités | | Built for the modern enterprise | Conçu pour l'entreprise moderne | | At the intersection of X and Y | À la croisée de X et Y | | In an increasingly digital world | Dans un monde de plus en plus numérique | | Whether you're a beginner or expert | Que vous soyez débutant ou expert | | The future of X is here | L'avenir de X est ici | | Join thousands of happy customers | Rejoignez des milliers de clients satisfaits | | Trusted by leading companies | Approuvé par les plus grandes entreprises | | It's worth noting that | Il est important de noter que | | In today's competitive landscape | Dans le paysage concurrentiel actuel | | Drive meaningful results | Obtenir des résultats significatifs | | At the end of the day | En fin de compte | | Move the needle | Faire la différence | | Best-in-class solutions | Des solutions de premier ordre | | Holistic approach | Approche holistique | | Mission-critical | Stratégique | | Game-changing | Révolutionnaire | | Pivotal moment | Moment charnière | | Unparalleled experience | Expérience inégalée | | Tailored to your needs | Adapté à vos besoins | | Seamlessly integrate | S'intègre parfaitement | | Enterprise-grade | De qualité entreprise | | Built from the ground up | Conçu de A à Z | | At its core | Au cœur de | | Beyond the basics | Au-delà des bases | | Plonger au cœur de | (FR natif slop) | | À l'ère du numérique | (FR natif slop) | | Une approche centrée sur l'humain | (FR natif slop) | | Au XXIème siècle | (FR natif slop) | | Une expérience utilisateur sans précédent | (FR natif slop) | | Le digital au service de l'humain | (FR natif slop) |

Comment écrire anti-slop textuel

• Coupe la première phrase. Toujours. Si ton article commence par "Dans un monde où...", supprime tout jusqu'à ce que tu trouves une phrase qui ne pourrait pas s'appliquer à un autre sujet.

• Sois daté. Mets des années, des chiffres, des dates. "En 2024, Tailwind a sorti..." vaut mieux que "Récemment, Tailwind a sorti...".

• Cite des noms propres. Outils, personnes, entreprises, produits. Le slop est anonyme. L'écriture humaine est peuplée.

• Prends position. Le slop ne se mouille pas. L'écriture humaine défend une thèse, même petite.

• Bannis les transitions creuses. "De plus", "par ailleurs", "il convient de", "il est intéressant de noter". Si l'idée doit être ajoutée, ajoute-la sans préambule.

• Varie la longueur des phrases. Le slop a une longueur de phrase moyenne très uniforme. L'écriture humaine alterne phrase courte. Phrase plus longue qui développe une nuance avec une subordonnée. Phrase courte. Phrase moyenne avec virgule. Etc.

Les marqueurs typographiques du AI slop textuel

Au-delà des phrases, le slop textuel se trahit par des micro-tics typographiques. Les voici, dans l'ordre de gravité décroissante :

Tic 1 : le tiret cadratin à profusion. Le tiret cadratin, ce long tiret horizontal que tu obtiens en tapant --- dans ChatGPT, est le marqueur numéro un. Les modèles l'insèrent là où un francophone mettrait une virgule, des parenthèses, ou rien. En typographie française il n'a quasiment pas sa place dans un texte courant. Si tu en comptes plus d'un tous les 200 mots, c'est probablement du slop. Compte vraiment, ligne par ligne. C'est le tic le plus révélateur de tous.

Tic 2 : les guillemets typographiques "courbés" ("...") au milieu d'un texte par ailleurs en guillemets droits. Les modèles, dans leurs efforts pour produire du contenu "propre", introduisent des guillemets typographiques dans des contextes où leur usage est incohérent.

Tic 3 : les virgules en série de Oxford. En français standard, on n'utilise pas la virgule d'Oxford ("rouge, blanc, et bleu"). Les LLM la produisent par défaut quand ils traduisent depuis l'anglais. Indice fort.

Tic 4 : la majuscule capricieuse. Les LLM mettent des majuscules à des mots non-propres, dans une logique anglo-saxonne. "L'Intelligence Artificielle Transforme nos Sociétés." Aucun éditeur français ne capitaliserait ainsi.

Tic 5 : les pléonasmes. "Un avantage avantageux", "une innovation innovante", "transformer la transformation". Les LLM produisent ces pléonasmes en tentant d'élaborer un point déjà fait.

Tic 6 : la liste à puces qui devrait être une phrase. Les LLM listent là où un humain dit. "Les avantages : rapide, fiable, scalable" sur trois puces. Au lieu de "C'est rapide, fiable et scalable." Ou mieux : "C'est rapide. Et fiable. Le scaling, on verra."

Tic 7 : les phrases qui finissent par "and more." "...productivity tools, calendar apps, and more." Cette terminaison vague est presque un signal universel de slop. En français : "...et bien plus encore."

Le test des trois lecteurs

Pour diagnostiquer ton propre texte, donne-le à lire à trois personnes différentes : un expert du sujet, un profane curieux, un graphiste. Demande à chacun la même chose : "Quelle thèse défend ce texte ?". Si les trois donnent trois réponses différentes (ou pire, "je ne sais pas"), ton texte est slop. Si les trois donnent la même réponse, ton texte porte une thèse.

Le slop n'a pas de thèse, par nature. Il décrit, mentionne, énumère, conclut, mais ne défend rien. C'est ce qui le rend simultanément lu et oublié.

Étude de cas : le post LinkedIn slop type

Pour comprendre concrètement, voici un exemple typique de post LinkedIn slop français en 2026, suivi d'une réécriture humaine :

Slop (généré par GPT-5 sur un prompt "post LinkedIn sur l'IA en marketing") :

> Dans un monde toujours plus connecté, l'intelligence artificielle redéfinit les règles du marketing. > > J'ai accompagné plus de 50 entreprises dans leur transformation digitale, et je peux vous le confirmer : l'IA n'est plus une option, c'est une nécessité. > > Voici 5 raisons pour lesquelles l'IA va révolutionner votre stratégie marketing : > > ✅ Personnalisation à grande échelle > ✅ Analyse prédictive des comportements > ✅ Automatisation des tâches répétitives > ✅ Optimisation continue des campagnes > ✅ ROI mesurable et amélioré > > L'avenir du marketing est entre les mains de ceux qui sauront tirer parti de cette révolution. > > Et vous, où en êtes-vous dans votre transformation IA ? > > #IA #Marketing #Innovation #Transformation #Digital

Réécriture humaine :

> J'ai testé GPT-5 + Klaviyo pendant trois mois sur la base de 14k abonnés d'une marque de prêt-à-porter (chiffre d'affaires 2.3M€/an). > > Résultat brut : taux d'ouverture passé de 22% à 31%. Taux de clic stable. Désinscriptions doublées. > > Hypothèse : la personnalisation augmente l'ouverture parce que les sujets sonnent personnels. Mais elle augmente aussi la déception en ouvrant, d'où plus de désinscriptions. > > Conclusion provisoire : l'IA n'est pas un levier de fidélisation. C'est un levier d'attention de court terme. Pour la fidélisation, l'humain conserve l'avantage. > > Je creuse le sujet sur trois mois supplémentaires avec une seconde marque (cosmétique, base 6k). Si vous voulez les chiffres en avant-première, MP.

Le slop fait 8 lignes vagues. La réécriture humaine fait 8 lignes spécifiques. Même longueur. Quatre fois plus de valeur informationnelle. Et impossible à confondre avec dix autres posts. (Pour générer ce genre de texte directement dans la bonne voix, voir le prompt anti-slop pour Claude, GPT et Gemini.)

---

8. Le AI slop dans le code

Le code généré par LLM a sa propre famille de slop. Ce n'est pas que le code ne marche pas, il marche souvent. C'est qu'il porte des marqueurs typiques de "écrit par un modèle qui voulait paraître pro".

Marqueur 1 : les commentaires inutiles

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

// HUMAIN
function add(a, b) {
  return a + b;
}

Les LLM ajoutent des commentaires triviaux parce que les training datasets contiennent beaucoup d'exemples pédagogiques où le code est sur-commenté pour expliquer aux étudiants. Dans du code de production, ces commentaires sont du bruit.

Marqueur 2 : l'over-abstraction prématurée

// SLOP
class UserDataManager {
  constructor(userRepository) {
    this.userRepository = userRepository;
  }
  
  async getUserById(id) {
    return await this.userRepository.findById(id);
  }
}

class UserRepository {
  async findById(id) {
    return await db.users.findOne({ id });
  }
}

// HUMAIN (pour 90% des cas)
async function getUser(id) {
  return db.users.findOne({ id });
}

Trois lignes wrappées dans une classe qui hérite d'une interface qui est mockée dans un test. Pour une fonction qui pourrait être un one-liner. Le LLM a vu beaucoup d'exemples Spring/Java et reproduit le pattern partout.

Marqueur 3 : le `try/catch` vide ou stupide

// SLOP
try {
  await criticalOperation();
} catch (error) {
  console.log("An error occurred:", error);
}

// HUMAIN
await criticalOperation();
// On laisse remonter, le caller saura quoi faire
// Ou on catch un type d'erreur précis et on agit

Catcher pour logger et continuer comme si de rien n'était est presque toujours une erreur. Les LLM le font parce que leurs training datasets contiennent beaucoup de "exemples de gestion d'erreur" qui sont en fait des exemples d'erreurs de gestion d'erreur.

Marqueur 4 : le naming générique

Les variables s'appellent data, result, handler, manager, helper, util, service. Les fonctions s'appellent processData, handleRequest, manageState. Aucune information n'est portée par le nom.

// SLOP
const handler = (data) => {
  const result = data.map(item => processItem(item));
  return result;
};

// HUMAIN
const tagOrders = (orders) =>
  orders.map(order => ({
    ...order,
    isLate: order.deliveryDate < Date.now()
  }));

Marqueur 5 : le boilerplate sur-typé

// SLOP
interface ButtonProps {
  children: React.ReactNode;
  onClick: () => void;
  variant?: "primary" | "secondary" | "tertiary" | "ghost" | "destructive";
  size?: "xs" | "sm" | "md" | "lg" | "xl";
  disabled?: boolean;
  loading?: boolean;
  icon?: React.ReactNode;
  iconPosition?: "left" | "right";
  fullWidth?: boolean;
  className?: string;
}

// HUMAIN (pour un projet réel)
type Props = {
  children: React.ReactNode;
  onClick: () => void;
};

Le slop élargit l'API "au cas où". L'humain ajoute des props quand il en a besoin. Le slop typifie tout dès le départ. L'humain typifie quand le compilateur l'aide.

Marqueur 6 : les imports excessifs

// SLOP : un fichier de 30 lignes avec 15 imports
import { useState, useEffect, useCallback, useMemo, useRef } from "react";
import { motion, AnimatePresence } from "framer-motion";
import { Button } from "@/components/ui/button";
import { Card, CardHeader, CardTitle, CardDescription, CardContent } from "@/components/ui/card";
import { Tabs, TabsList, TabsTrigger, TabsContent } from "@/components/ui/tabs";
// ...10 autres imports

// HUMAIN
import { useState } from "react";

Les LLM sur-importent parce que leurs training datasets contiennent souvent des imports qui ne sont pas tous utilisés (les exemples copiés de tutoriels). Ils reproduisent.

Marqueur 7 : les `useEffect` mal placés

// SLOP
function UserProfile({ userId }) {
  const [user, setUser] = useState(null);
  
  useEffect(() => {
    fetch(`/api/users/${userId}`)
      .then(r => r.json())
      .then(setUser);
  }, [userId]);
  
  if (!user) return <div>Loading...</div>;
  return <div>{user.name}</div>;
}

// HUMAIN (en 2026, avec React Query / Suspense)
function UserProfile({ userId }) {
  const { data: user } = useUser(userId);
  return <div>{user.name}</div>;
}

Les LLM générant du React reproduisent le pattern useState + useEffect + fetch parce que c'est ce qui domine dans le training data 2018-2023, alors que les patterns 2024-2026 (Suspense, React Query, Server Components) sont sous-représentés.

Marqueur 8 : les fonctions wrapper inutiles

// SLOP
const handleClick = (event) => {
  return onClickProp(event);
};

return <button onClick={handleClick}>Click</button>;

// HUMAIN
return <button onClick={onClickProp}>Click</button>;

Les LLM ajoutent une couche d'indirection "au cas où il faudrait intercepter". Cette couche ne sert à rien tant qu'elle n'intercepte effectivement rien. Le slop ajoute des wrappers prophylactiques. L'humain les ajoute quand ils servent.

Marqueur 9 : les conditions ternaires imbriquées

// SLOP
const status = isLoading
  ? "loading"
  : isError
    ? "error"
    : data
      ? "success"
      : "idle";

// HUMAIN
function getStatus({ isLoading, isError, data }) {
  if (isLoading) return "loading";
  if (isError) return "error";
  if (data) return "success";
  return "idle";
}

Les LLM préfèrent les ternaires parce qu'ils tiennent en moins de tokens. Mais les ternaires imbriqués sont illisibles. Le slop optimise pour la concision visuelle, l'humain optimise pour la lisibilité.

Marqueur 10 : les console.log oubliés

// SLOP : fréquent dans le code généré pendant l'itération
function processOrder(order) {
  console.log("Processing order:", order);
  // logique
  console.log("Order processed");
  return result;
}

Quand un LLM débogue avec un humain en mode "vibe coding", il ajoute des console.log pour aider. Mais souvent ils restent. Sailop scanne pour ça aussi : les console.log non commentés en code de production sont un signal slop.

Test diagnostic du code

Pour diagnostiquer rapidement si une codebase est slop, fais ces trois tests :

Test 1 : ratio commentaires/code. Compte les lignes de commentaires et les lignes de code. Un ratio supérieur à 30% est un indice de slop pédagogique. Un ratio inférieur à 5% est un indice de code humain (qui commente seulement le pourquoi, jamais le quoi).

Test 2 : profondeur d'abstraction. Pour chaque fonction utilitaire, compte combien d'appels intermédiaires elle traverse avant de toucher de la logique métier. Si la moyenne dépasse 4, c'est de l'over-abstraction slop.

Test 3 : variance des noms. Liste tous les noms de variables d'une fonction. Si plus de 30% sont des data, result, temp, value, item, c'est du slop. Le code humain a des noms spécifiques au domaine.

---

9. Pourquoi Google et les moteurs IA pénalisent l'AI slop

Google : Helpful Content et EEAT

Google a publié plusieurs Helpful Content Updates entre 2022 et 2025. Le principe : récompenser le contenu écrit pour les humains, pénaliser le contenu écrit pour ranker. À partir de l'update de mars 2024, Google a commencé à intégrer des signaux explicites de détection AI slop dans son algo, sans le dire ouvertement.

EEAT (Experience, Expertise, Authoritativeness, Trustworthiness) est devenu le cadre dominant pour évaluer la qualité d'un contenu. Le AI slop échoue typiquement sur les quatre dimensions :

• Experience. Le slop n'a pas vécu ce qu'il décrit. Pas de "j'ai testé X pendant six mois et voici".
• Expertise. Le slop reproduit la connaissance commune, pas l'expertise spécialisée.
• Authoritativeness. Le slop n'est pas signé, ou signé d'auteurs fictifs.
• Trustworthiness. Le slop ne cite pas ses sources, ou les invente.

AI Overviews et le déclassement du slop

Google AI Overviews (lancé en 2024) génère des réponses synthétiques en haut des SERP. Les sources citées dans ces overviews sont disproportionnellement issues de contenu humain de référence (Wikipédia, sites institutionnels, médias établis). Le slop est rarement cité parce que les modèles de Google détectent (à peu près) les signatures slop et préfèrent piocher ailleurs.

Conséquence pratique : un site slop peut ranker en organique mais ne sera presque jamais cité dans un AI Overview, dans un Perplexity answer, dans une réponse Claude ou ChatGPT avec recherche. À long terme, ça veut dire que le slop perd progressivement la visibilité des moteurs answer-engine, qui prennent une part croissante du trafic de découverte.

Le coût caché du slop SEO

Les sites slop massifs (réseaux de blogs SEO générés en masse en 2023-2024) ont connu une vague de déclassements en 2024-2025. Plusieurs cas documentés dans la presse tech (Search Engine Land, Search Engine Journal) montrent des baisses de trafic organique de 70% à 95% pour des opérateurs de "PBN slop". Le ROI calculé sur un horizon court se transforme en perte sèche sur l'horizon long.

Le cas Bing, Perplexity et Brave Search

Les moteurs alternatifs ont tous adopté des stratégies similaires à Google sur la détection slop, parfois plus agressives.

Perplexity filtre activement les sources slop dans ses réponses. Une étude indépendante de 2025 a montré que sur 1000 requêtes commerciales, Perplexity citait des sources Wikipedia, sites institutionnels ou médias établis dans 78% des cas, contre 12% pour des sites SaaS récents et 10% pour des blogs personnels. Les sites slop quasi-jamais.

Brave Search a intégré dès 2024 un signal explicite "AI-generated content probability" qui pondère le ranking. Brave est le premier moteur à avoir publiquement assumé une politique anti-slop.

Bing, avec Copilot, a adopté une approche similaire à Google AI Overviews : réponses synthétiques en haut, sources curées vers les sites de référence. Les sites slop disparaissent progressivement des SERP Bing.

EEAT en pratique : la signature humaine

Pour qu'un site passe le filtre EEAT, il faut des signaux humains explicites. Voici ce qui marche concrètement en 2026 :

• Auteurs réels avec photo, bio, et page LinkedIn liée. Les pages auteur avec liens vers des présences en ligne actives sont un signal fort. Les auteurs fictifs sans empreinte numérique sont déclassés.
• Dates de publication ET de dernière mise à jour visibles. Les contenus mis à jour régulièrement sont préférés aux contenus statiques.
• Sources externes vérifiables citées. Pas seulement "selon une étude" mais "selon l'étude X publiée par Y en 2024" avec lien vérifiable.
• Commentaires actifs ou interaction sociale. Un article avec discussion humaine en commentaires monte. Sans interaction, redescend.
• Schema.org markup approprié. Article, Person, Organization correctement typés aident les moteurs à comprendre la nature humaine du contenu.

À l'inverse, les anti-signals qui te font tomber :

• Bio d'auteur générique ("John Smith is a writer passionate about technology")
• Photos d'auteur générées par IA (devient détectable par les moteurs)
• Absence de mise à jour pendant des mois
• Citations vagues sans référence
• Aucune interaction
• Volume de publication suspect (50 articles/jour pour un seul auteur)

Le cycle vertueux anti-slop

Les sites qui investissent dans le contenu humain rentrent dans un cycle vertueux : ils sont cités plus souvent dans les AI Overviews, ce qui leur amène du trafic, ce qui les rend plus crédibles, ce qui les fait monter dans le ranking, ce qui les rend encore plus cités. À l'inverse, les sites slop entrent dans un cycle vicieux : déclassés, moins de trafic, moins de signaux, encore moins cités, jusqu'à invisibilité totale.

Le seuil de bascule, basé sur les analyses publiées en 2025, semble être autour de 30 à 50 mois de production humaine consistante. En dessous, les sites peinent à émerger. Au-dessus, ils s'auto-renforcent.

---

10. L'effet économique du AI slop

Commodification du frontend

Le frontend était, jusqu'en 2023, un métier à valeur ajoutée. Concevoir, designer, intégrer, animer une interface demandait des compétences rares. À partir de 2024, avec v0 et Lovable, la production d'une interface "passable" est devenue commodité. Le prix marginal d'une landing page est tombé à proche de zéro.

Conséquences :

• Les freelances frontend juniors voient leur taux journalier compressé. Un dev qui facturait 400€/jour pour intégrer une landing en 2022 facture 200-250€ en 2026, parce que le client peut générer 80% du résultat sans lui.
• Les agences de design web petite taille (1-5 personnes) ont massivement disparu en 2024-2026. Les survivantes se sont repositionnées sur des verticaux à forte direction artistique (luxe, culture, brand identity).
• Les studios premium (10-50 personnes, type Locomotive, Resn, ToyFight, Dept) ont au contraire vu leurs prix monter, parce qu'ils vendent désormais l'anti-slop comme produit explicite.

La montée du "anti-slop premium"

Le marché s'est polarisé. D'un côté, le slop quasi-gratuit. De l'autre, le sur-mesure premium qui s'est valorisé. Le milieu de gamme a disparu.

Symptômes du marché premium anti-slop en 2026 :

• Template marketplaces comme Curtain, Studio Freight, Cuberto, qui vendent des designs complexes à 200-2000€ avec garantie d'unicité.
• Design systems uniques comme Anthropic's Bento Grid, ou les systèmes custom de Linear, Vercel, Resend, Cal.com qui ont défini une identité forte.
• Boutiques de typographie indépendantes (Pangram Pangram, Klim Type, Grilli Type) qui vendent des polices custom à des marques voulant éviter Inter / Geist.
• Photographes / illustrateurs qui marquent explicitement leur travail "no AI used" comme argument de vente.

Pression sur les rédacteurs

Le marché du contenu écrit a connu la même polarisation. Les rédacteurs SEO juniors qui produisaient des "1500 mots sur n'importe quel sujet" pour 50€ ont quasi disparu. Les rédacteurs de référence (par exemple ceux qui écrivent pour The Verge, Stratechery, Defector, Pivot to AI) ont vu leur valeur monter parce qu'ils sont la garantie anti-slop.

Le retour du print et des canaux fermés

Effet collatéral inattendu : la presse imprimée premium et les newsletters payantes sont en croissance depuis 2024. Logique : si le web devient impossible à distinguer du slop, les humains paient pour des canaux où le slop ne passe pas. Substack a doublé ses revenus entre 2023 et 2026. Monocle, The New Yorker, Le Monde Magazine, Society ont vu leurs ventes papier se stabiliser ou augmenter pour la première fois depuis 15 ans.

L'économie des marketplaces de templates

Le marché des templates web a éclaté entre 2024 et 2026, dans deux directions opposées.

Direction 1 : la commodité gratuite. ShipFast, MakerKit, et autres "boilerplates SaaS" génèrent des templates Next.js + Tailwind + Supabase pour quelques dizaines d'euros. Ces templates sont eux-mêmes en partie générés par IA, et reproduisent le slop par défaut. Le marché premium gratuit/cheap se commodifie en spirale.

Direction 2 : la rareté curatée. Studios indépendants (Studio Freight, Cuberto, Pentagram digital) vendent des designs sur-mesure à 5000-50000€ par projet. Les clients sont des marques qui ont décidé que leur image vaut plus que la moyenne. Anthropic, OpenAI (étonnamment), Linear, Figma, Notion ont tous investi des budgets six chiffres sur leur identité visuelle web depuis 2024.

Le milieu (les freelances facturant 1500-5000€ pour une landing) se vide. C'est exactement le phénomène prévu par les théories de la commodification : le marché se polarise entre commodité et premium, sans milieu de gamme viable.

Impact sur les écoles de design

Les écoles de design et de développement web ont dû reconfigurer leurs cursus en urgence entre 2024 et 2026. Les écoles qui formaient des "intégrateurs front" génériques ont perdu leurs débouchés. Les écoles qui forment des designers à direction artistique forte (les Gobelins en France, ECAL en Suisse, RCA à Londres, Parsons à New York) voient leur valeur monter.

Côté tech, les bootcamps de "full-stack en 12 semaines" ont vu leurs taux de placement chuter de 30 à 40 points entre 2023 et 2026. Les juniors formés en bootcamp produisent du code que les LLM produisent gratuitement. Les écoles d'ingénieur qui forment à l'architecture systèmes et au design technique restent valorisées.

Statistiques de prix moyen 2022-2026

Voici un benchmark approximatif des taux journaliers freelance frontend, basé sur les données de Malt, Upwork et Crème de la Crème pour la France :

TJM moyen freelance front-end junior (Paris, 2-3 ans XP)
2022  | ████████████████████  450€
2023  | ███████████████████   430€
2024  | ████████████████      370€
2025  | █████████████         310€
2026  | ███████████           260€

TJM moyen freelance front-end senior avec direction artistique
2022  | ████████████████████  650€
2023  | ████████████████████  650€
2024  | █████████████████████ 700€
2025  | ███████████████████████  780€
2026  | ████████████████████████ 850€

La polarisation est nette : le marché se vide par le milieu, le top monte, le bas s'écroule.

---

11. 47 exemples concrets de AI slop

Voici un tableau exhaustif de 47 patterns observés sur des sites, des designs et du contenu généré entre 2024 et 2026. Chaque ligne indique le pattern, l'outil source typique, comment l'éviter, et un score de gravité de 1 à 5.

| # | Pattern | Outil source typique | Comment l'éviter | Score (1-5) | |---|---------|----------------------|-------------------|-------------| | 1 | Hero centré avec gradient bleu-violet en fond | v0, Bolt | Hero asymétrique, fond uni travaillé | 5 | | 2 | Trois cards features grid-cols-3 | v0, Lovable | Layout asymétrique, nombre non-3 | 5 | | 3 | Bouton primaire bg-blue-500 hover:bg-blue-600 | v0, Bolt | Bouton custom avec couleur unique | 4 | | 4 | Titre h1 en text-6xl font-bold Inter | v0, Bolt | Display font custom, taille non-Tailwind | 4 | | 5 | Sous-titre "Discover the future of [X]" | ChatGPT, Claude | Phrase spécifique au produit | 5 | | 6 | Section "Trusted by 500+ teams" avec logos | v0, Lovable | Témoignages concrets, ou rien | 4 | | 7 | FAQ accordéon avec 5 questions génériques | ChatGPT | FAQ écrite manuellement, vraies questions | 3 | | 8 | Pricing 3 plans Starter/Pro/Enterprise | v0, Lovable | Pricing aligné sur ton vrai modèle | 4 | | 9 | Footer 4 colonnes Product/Company/Resources/Legal | v0 | Footer minimal, ou aligné sur ton site | 4 | | 10 | "Get started today" en CTA | ChatGPT, Claude | CTA spécifique ("Try the API in 60s") | 3 | | 11 | Icônes Lucide React (, ) | v0, shadcn | Icon set alternatif ou custom | 3 | | 12 | Animation Framer Motion fade-in-up 0.5s | v0, Bolt | Animation custom ou pas d'anim | 2 | | 13 | Cursor spotlight effect qui suit la souris | Bolt, Replit | Pas d'effet, ou effet métaphorique | 3 | | 14 | Marquee de logos clients en boucle infinie | v0, Lovable | Logos statiques, ou rien | 3 | | 15 | "Loading..." en texte centré gris | LLM React | Skeleton custom, animation spécifique | 2 | | 16 | "Coming soon" sur features non-prêtes | LLM | Cache la feature ou décris-la | 2 | | 17 | Gradient text bg-clip-text text-transparent | v0, Bolt | Texte plein, ou effet typographique custom | 4 | | 18 | "Built with [tech stack]" en footer | v0, Lovable | Garde si pertinent, sinon supprime | 2 | | 19 | Card avec border-gray-200 et shadow-md | v0, Bolt | Border custom, ou pas de border | 3 | | 20 | Section testimonials avec exactement 3 quotes | v0, Lovable | 1 long quote, ou 5+, ou rien | 4 | | 21 | "Hi 👋, I'm [Name]" dans un about | ChatGPT, v0 | Présentation sans emoji, propre | 3 | | 22 | "Made with ❤️ in [City]" en footer | v0, Lovable | Supprime, ou phrase originale | 4 | | 23 | Newsletter signup "Stay in the loop" | LLM, v0 | Phrase spécifique à ta newsletter | 3 | | 24 | "Step 01 / Step 02 / Step 03" en gros chiffres | v0, Bolt | Étapes nommées, ou narratif | 4 | | 25 | Background dot pattern SVG | v0, Bolt | Fond uni, ou pattern custom | 3 | | 26 | Glassmorphism backdrop-blur-md bg-white/10 | v0, Bolt | Surface solide, design tactile | 3 | | 27 | Hero avec mockup laptop + iPhone | v0, Lovable | Vraie capture, ou pas de mockup | 3 | | 28 | "AI-powered" comme adjectif marketing | ChatGPT, Claude | Décris ce que ça fait concrètement | 5 | | 29 | Phrase "In today's fast-paced world..." | ChatGPT | Première phrase spécifique au sujet | 5 | | 30 | Conclusion "In conclusion, [topic] is transforming..." | ChatGPT | Pas de conclusion, ou conclusion neuve | 4 | | 31 | Listes à puces avec préfixe "✓ Lightning fast" | LLM | Listes propres, prefixes pertinents | 3 | | 32 | Section "Why us?" avec 3 raisons vagues | v0, Lovable | Raison unique, démontrée concrètement | 4 | | 33 | "Powered by AI" badge dans la nav | LLM, v0 | Supprime, c'est un anti-signal en 2026 | 4 | | 34 | CTA double "Get started Free / Book a demo" | v0, Lovable | Un seul CTA principal, clair | 3 | | 35 | Floating chat bubble en bas à droite | v0, Lovable | Chat seulement si vraiment utile | 3 | | 36 | Cookie banner "We value your privacy" générique | LLM | Banner custom, ou outil dédié | 2 | | 37 | Hero badge "🎉 Now live!" / "✨ New" | v0, Lovable | Mention discrète, ou rien | 3 | | 38 | Code preview avec syntax highlight Prism | v0, shadcn | Code preview custom si différenciateur | 2 | | 39 | "Join thousands of [users]" sans chiffre réel | ChatGPT | Chiffre réel ou silence | 4 | | 40 | Template bento grid 6 tuiles symétriques | v0, Lovable | Bento asymétrique, vrai contenu | 4 | | 41 | Section "Frequently Asked Questions" header | LLM | FAQ sans header, ou titre original | 2 | | 42 | Phrase "leverage the power of [tech]" | ChatGPT | Verbe précis, technologie nommée | 4 | | 43 | Image hero AI-generated style "Midjourney" | Midjourney v7 | Photo réelle, illustration custom | 4 | | 44 | Tirets cadratins (le long tiret) en excès dans le texte | ChatGPT, Claude | Virgules, parenthèses, deux-points | 3 | | 45 | Listes numérotées qui finissent par "and so much more!" | LLM | Liste finie, sans cliffhanger commercial | 4 | | 46 | "We believe that..." en valeurs d'entreprise | LLM | Valeurs concrètes, prouvées | 3 | | 47 | "Boost your productivity by 10x" sans étude | LLM | Promesse mesurée et sourcée | 5 |

---

12. L'arbre de décision : est-ce que mon site est slop ?

Voici un flowchart pour diagnostiquer ton propre site en moins de deux minutes. Réponds aux questions, suis les flèches.

flowchart TD
    Start[Ouvre ta landing page] --> Q1{Le hero a-t-il un<br/>gradient bleu-violet ?}
    Q1 -->|Oui| Slop1[+1 point slop]
    Q1 -->|Non| Q2
    Slop1 --> Q2
    
    Q2{La typo est-elle<br/>Inter ou Geist ?}
    Q2 -->|Oui| Slop2[+1 point slop]
    Q2 -->|Non| Q3
    Slop2 --> Q3
    
    Q3{Y a-t-il une section<br/>3 cards features<br/>en grid-cols-3 ?}
    Q3 -->|Oui| Slop3[+2 points slop]
    Q3 -->|Non| Q4
    Slop3 --> Q4
    
    Q4{Le CTA dit-il<br/>'Get started' ou<br/>'Discover' ?}
    Q4 -->|Oui| Slop4[+1 point slop]
    Q4 -->|Non| Q5
    Slop4 --> Q5
    
    Q5{Footer en 4 colonnes<br/>Product/Company/<br/>Resources/Legal ?}
    Q5 -->|Oui| Slop5[+1 point slop]
    Q5 -->|Non| Q6
    Slop5 --> Q6
    
    Q6{Pricing en 3 plans<br/>Starter/Pro/Enterprise ?}
    Q6 -->|Oui| Slop6[+1 point slop]
    Q6 -->|Non| Q7
    Slop6 --> Q7
    
    Q7{Testimonials :<br/>exactement 3 quotes ?}
    Q7 -->|Oui| Slop7[+1 point slop]
    Q7 -->|Non| Score
    Slop7 --> Score
    
    Score[Calcule ton score]
    Score --> Verdict{Score total ?}
    Verdict -->|0-1| Clean[Clean : site humain]
    Verdict -->|2-3| Borderline[Borderline : quelques signaux slop]
    Verdict -->|4-5| Slop[Slop : refactor recommandé]
    Verdict -->|6+| FullSlop[Full slop : repars de zéro]

Si ton score est de 4 ou plus, ton site sort visiblement d'un outil génératif sans intervention. Trois actions immédiates :

• Casse la typo. Remplace Inter/Geist par autre chose. Tout de suite.
• Casse le grid-cols-3. Si tu as trois features, présente-les autrement.
• Réécris la copy du hero. Première phrase spécifique, deuxième phrase qui défend une thèse.

Le diagnostic étendu en 12 questions

Pour aller plus loin, voici 12 questions complémentaires. Note 1 point par "oui slop", 0 par "non slop".

• Mon hero contient-il le mot "AI", "AI-powered" ou "powered by AI" ? (1 pt)
• Mes boutons primaires utilisent-ils un gradient ? (1 pt)
• Mon site a-t-il un effet "spotlight cursor" qui suit la souris ? (1 pt)
• Mes icônes sont-elles toutes du même set externe (Lucide / Heroicons) ? (1 pt)
• Ma police principale est-elle Inter, Geist, Roboto, Open Sans, Lato ou Poppins ? (1 pt)
• Mon footer contient-il "Made with ❤️ by..." ? (1 pt)
• Ai-je une section "Trusted by" avec 5 logos en grayscale ? (1 pt)
• Mes cards features ont-elles toutes la même taille ? (1 pt)
• Mon CTA principal contient-il "Get started" ou "Try it free" ? (1 pt)
• Mes animations entrent-elles toutes par "fade-in-up" ? (1 pt)
• Ma palette principale est-elle bleu + violet + gris ? (1 pt)
• Mon site pourrait-il être confondu avec un autre site SaaS de mon secteur ? (1 pt)

Score :

• 0-2 points : tu as une identité visuelle, garde-la
• 3-5 points : signaux slop discrets, à corriger ponctuellement
• 6-8 points : site clairement issu d'outil génératif, refactor moyen
• 9-12 points : full slop, recommencer la direction artistique

Le test ultime : la captation par mot-clé

Voici un dernier test, plus subjectif mais très révélateur. Demande-toi : "Si j'enlève toutes les mentions de mon nom de marque, à quel concurrent mon site ressemblerait-il le plus ?"

Si la réponse est "à n'importe lequel", ton site est slop.

Si la réponse est "à aucun, parce qu'il y a [trait spécifique]", ton site n'est pas slop.

L'identité de marque est testable. Le slop est l'absence d'identité testable.

---

13. Comment Sailop détecte tout ça

Sailop est un toolkit npm (CLI + MCP server) qui audit ton frontend pour détecter les patterns AI slop. Il s'installe en local ou s'utilise depuis Claude Code, Cursor, ou n'importe quel IDE compatible MCP.

L'architecture en couches

Sailop fonctionne en trois couches d'analyse :

Couche 1, heuristiques statiques. Sailop parse ton HTML, ton CSS et tes classes Tailwind. Il cherche des signatures connues :

• Présence de bg-blue-500 ou bg-violet-500 en classe principale
• Patterns grid-cols-3 dans des sections "features" ou "benefits"
• Typos font-inter ou font-geist exclusives
• Structure HTML avec hero centré + 3 sections symétriques

Couche 2, heuristiques sémantiques. Sailop analyse le texte de la page :

• Phrases d'introduction commençant par "In today's", "Discover", "Unleash"
• Vocabulaire creux ("seamless", "robust", "leverage", "empower")
• Énumérations en trois temps abusives
• Conclusion qui répète l'introduction

Couche 3, scoring multi-dimensionnel. Chaque dimension reçoit un score de 0 à 100. Le score global est la moyenne pondérée. Sailop sort un rapport qui ressemble à :

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

Visual dimensions:
  Palette              82  (Tailwind defaults detected)
  Typography           71  (Inter exclusive)
  Layout               89  (grid-cols-3 features detected)
  Animations           45  (some custom timing)

Textual dimensions:
  Hero copy            78  ("Discover seamless..." pattern)
  Body copy            56  (mixed signals)
  CTA copy             83  ("Get started today")

Top 3 fixes:
  1. Replace bg-blue-500 with custom color token
  2. Break the 3-card grid into asymmetric layout
  3. Rewrite hero subtitle (currently slop pattern)

Le MCP server

Sailop expose ses outils via un MCP server (Model Context Protocol). Branché dans Claude Code, ça donne :

$ npx sailop mcp
Sailop MCP server running on stdio.

# Dans Claude Code
> Audit ma landing page avec sailop
> [Claude appelle sailop.audit({ file: "src/app/page.tsx" })]
> Voici le rapport :
> Score: 74/100 (HIGH)
> ...

Tu peux aussi lancer Sailop en CLI brut :

$ npx sailop audit ./src
$ npx sailop fix ./src/app/page.tsx --suggest
$ npx sailop watch

Les heuristiques sont open source

Toutes les règles de détection sont visibles dans le repo Sailop. Si tu trouves une règle injuste, tu peux ouvrir une issue. Les règles évoluent avec les patterns du marché : par exemple, bg-blue-500 n'était pas un signal slop en 2020 mais l'est devenu en 2024.

L'objectif n'est pas de dire "ton site est nul". L'objectif est de te donner des signaux mesurables pour discuter, comparer, faire évoluer. Comme un linter ESLint, mais pour ta direction artistique.

Exemple de règle Sailop : detect-three-cards

Pour donner une idée concrète, voici une règle Sailop simplifiée qui détecte le pattern des 3 cards :

// rules/three-cards-grid.js
export default {
  name: "three-cards-grid",
  category: "layout",
  severity: "high",
  
  detect(ast) {
    // Cherche les noeuds qui ont la classe grid-cols-3
    const gridNodes = findClassPattern(ast, /grid-cols-3/);
    
    return gridNodes.flatMap(node => {
      const children = node.children;
      
      // Si on a exactement 3 enfants similaires
      if (children.length === 3 && areSimilar(children)) {
        // Si chaque enfant a une icône, un titre et une description
        const isFeatureCard = children.every(c =>
          hasIcon(c) && hasTitle(c) && hasDescription(c)
        );
        
        if (isFeatureCard) {
          return [{
            line: node.loc.start.line,
            message: "3-card grid pattern detected (slop signal)",
            suggestion: "Consider asymmetric layout or different number of cards"
          }];
        }
      }
      
      return [];
    });
  }
};

L'idée n'est pas de transformer cette règle en interdiction absolue. C'est de signaler. Si tu utilises 3 cards parce que c'est ce qui sert ton contenu, tu peux ignorer la règle. Si tu l'utilises parce que c'est ce que v0 a sorti, tu sais maintenant que c'est un signal.

Comparaison avec d'autres outils

Sailop n'est pas seul sur ce marché. Voici comment il se positionne par rapport aux alternatives :

| Outil | Type | Focus | Avantage | |-------|------|-------|----------| | Sailop | CLI + MCP | Détection slop frontend (visuel + textuel + code) | Score multi-dimensionnel, MCP natif | | OriginalityAI | SaaS web | Détection texte généré par IA | Spécialisé texte, mature | | GPTZero | SaaS web | Détection texte généré | Académique, accessible | | Copyleaks | SaaS web | Plagiat + IA | Suite enterprise complète | | Pa11y / axe | CLI | Accessibilité | Pas slop mais qualité | | Stylelint | CLI | CSS lint | Pas slop, lint général |

Sailop est volontairement étroit : il détecte le slop, pas la qualité, pas l'accessibilité, pas la sécurité. Pour ces autres dimensions, utilise les outils dédiés.

Roadmap Sailop 2026-2027

Pour transparence, voici les directions de développement prévues :

• Mid-2026 : Extension navigateur Sailop. Audit en un clic depuis n'importe quelle page web sans installation.
• Fin 2026 : Sailop pour le contenu rédactionnel. Détection des phrases types AI slop dans des articles.
• Début 2027 : Sailop pour Figma. Plugin qui audit les designs avant export en code.
• Mi-2027 : Sailop pour vidéo. Détection des signatures Sora/Veo dans les imports vidéo de sites.

Ces dates sont indicatives. La roadmap peut bouger selon les retours de la communauté.

---

14. Le futur du AI slop

Vidéo générative

Sora, Veo 3, Runway, Pika produisent en 2026 des clips de 8 à 30 secondes qui passent au premier coup d'œil. Mais ils portent les mêmes signatures que le slop visuel : caméra qui flotte sans intention, lumière trop douce, raccord qui pète au-delà de quelques secondes, transitions cross-fade automatiques, esthétique "stock footage de luxe".

Le slop vidéo va exploser entre 2026 et 2028 sur :

• Pubs YouTube et TikTok, où la commodité prime sur la direction
• Réseaux sociaux corporate, où LinkedIn et X seront saturés de vidéos B-roll IA
• Sites web, où les héros vidéo deviendront aussi génériques que les héros image en 2024

Audio génératif

Suno et Udio produisent en 2026 des morceaux complets, mixés, en moins d'une minute. Le slop audio se reconnaît à :

• Une compression dynamique trop agressive (everything sounds the same volume)
• Une structure A-B-A-B-bridge-A-outro standard
• Des paroles qui rythment mais ne disent rien
• Une voix qui respire à des endroits non humains
• Des transitions qui ne mènent nulle part émotionnellement

Les podcasts génératifs (NotebookLM-style) ont la même problématique : deux voix qui se renvoient la balle avec des "Wow!" et "Yeah, that's a great point!" toutes les 30 secondes.

3D et environnements

Les générateurs 3D (Luma, Tripo, Meshy) et les environnements (Genie, Worldlabs) commencent en 2026 à produire des assets exploitables. Le slop 3D se reconnaît à :

• Des textures uniformément "moyennes" (jamais de détail, jamais d'aspérité)
• Des proportions trop régulières
• Une absence de wear & tear (tout a l'air neuf, sorti d'usine)
• Un rendu PBR trop propre, comme dans un trailer Unreal de démo

Comment se prémunir long terme

Trois principes :

1. Travaille la contrainte. Les contraintes fortes (techniques, esthétiques, narratives) sont l'antidote au slop. Si tu fais un site qui doit fonctionner sans JavaScript, tu produis quelque chose de différent. Si tu fais une vidéo qui doit tenir en un plan-séquence de 30s, tu produis quelque chose de différent. Le slop fuit les contraintes.

2. Mets ton corps dans le travail. Filme-toi. Enregistre ta voix. Photographie ton bureau. Dessine à la main. Les artefacts physiques (grain, imperfection, micro-décisions) sont quasi impossibles à fabriquer avec un LLM en 2026, et le seront encore en 2030.

3. Documente ta démarche. Le slop n'a pas de making-of. Il sort d'un prompt. Si tu publies ton processus (versions intermédiaires, rejets, choix défendus), tu signes ton travail comme humain. Le making-of devient un anti-slop premium.

Le scénario du "slop collapse"

Un scénario qui inquiète plusieurs chercheurs (Bender, Marcus, Gerard et d'autres) : le model collapse ou slop collapse. À mesure que le web se remplit de slop produit par les modèles IA, le training data des prochains modèles devient lui-même majoritairement slop. Les modèles s'entraînent sur leurs propres outputs. La diversité diminue à chaque génération. Les outputs convergent vers un attractor central de plus en plus étroit.

Les premières études empiriques (2023-2025) sur le model collapse montrent que ce risque est réel mais modulable. Les laboratoires sérieux (Anthropic, OpenAI, Google, Mistral) filtrent activement leur training data pour éviter de réingérer du slop. Mais les laboratoires moins regardants, ou les fine-tunes communautaires, n'ont pas ces garde-fous.

Si le slop collapse arrive, on assistera à un phénomène inattendu : la qualité des modèles cessera d'augmenter. Voire baissera. Ce serait un retournement historique : pour la première fois depuis 2020, on aurait des modèles qui régressent en qualité.

Le scénario n'est pas certain. Mais il fait partie des dynamiques à surveiller pour 2027-2030.

La résistance par la communauté

Une autre dynamique importante : la résistance par la communauté. Plusieurs communautés en ligne ont émergé en 2024-2026 pour identifier et signaler le slop publiquement.

• r/ProgrammerHumor et r/webdev sur Reddit publient régulièrement des screenshots de "yet another v0 site" comme blagues récurrentes.
• Twitter/X a vu émerger des comptes spécialisés dans le naming-and-shaming des sites slop (avec ou sans bienveillance).
• Are.na et Cosmos.so sont des plateformes curatées explicitement anti-slop, où les utilisateurs collectent des références humaines.
• Hacker News a régulièrement des threads "show HN" où la qualité visuelle est devenue un critère explicite, au-delà de la fonctionnalité.

Cette résistance communautaire fonctionne. Plusieurs lancements de sites slop entre 2024 et 2026 ont été ré-designés sous pression communautaire après moqueries virales.

La réponse des plateformes

Les plateformes elles-mêmes commencent à réagir. Vercel a annoncé en 2025 que v0 incluait désormais des "Design Personas" qui forcent une diversification du output (palettes alternatives, layouts non-grid, typos non-Geist). Lovable a introduit des "Brand Variations" qui permettent de générer plusieurs versions visuelles distinctes du même site. Bolt a un mode "Anti-Default" qui pénalise activement les patterns slop dans la génération.

Ces réponses sont partielles. Elles aident les utilisateurs qui veulent éviter le slop. Elles ne changent pas le défaut pour ceux qui ne savent pas que le slop existe.

La régulation possible

Plusieurs juridictions étudient en 2026 des régulations sur le contenu IA non-divulgué. La California AB-2013 (en discussion) imposerait l'affichage explicite "AI-generated" pour le contenu commercial. L'EU AI Act, déjà adopté en 2024, contient des dispositions sur le watermarking que les fournisseurs devront implémenter en 2026-2027. La Chine a déjà mis en place un cadre similaire en 2023.

La régulation aidera à distinguer le slop volontaire du slop par négligence. Elle ne le fera pas disparaître. Comme avec les ingrédients alimentaires : afficher "huile de palme" ne supprime pas l'huile de palme, mais permet aux consommateurs informés de choisir.

---

15. FAQ : les questions exactes que les gens tapent dans Google

> Q : "C'est quoi exactement l'AI slop ?" A : L'AI slop, c'est tout contenu (texte, image, code, son, vidéo) produit par un modèle génératif sans direction humaine substantielle, et publié tel quel. Le mot "slop" vient de l'anglais agricole et désigne la bouillie servie aux cochons : calorique, mais sans valeur. Le terme s'applique aujourd'hui à tout output IA brut qu'on reconnaît immédiatement comme tel.

> Q : "Qui a inventé le terme AI slop ?" A : Le terme circule depuis 2023 sur Reddit et 4chan dans la communauté IA, mais Andy Baio est généralement crédité de l'avoir popularisé sur Twitter en 2024. Simon Willison l'a ensuite vulgarisé dans la communauté tech via son blog. Les médias mainstream (MIT Technology Review, The Verge) l'ont repris à partir de janvier 2025.

> Q : "Est-ce que mon site Lovable / v0 / Bolt est forcément du slop ?" A : Non, pas forcément. Ces outils produisent un slop par défaut très reconnaissable, mais tu peux partir de leur output et le différencier substantiellement : changer la palette, casser le grid-cols-3, réécrire la copy, remplacer la typo. Ce qui fait le slop, c'est l'absence d'intervention humaine, pas l'outil lui-même.

> Q : "Comment reconnaître un site IA en 30 secondes ?" A : Cinq signaux suffisent. (1) Hero centré avec gradient bleu-violet. (2) Trois cards features en grille horizontale. (3) Typo Inter ou Geist exclusive. (4) Footer en quatre colonnes Product/Company/Resources/Legal. (5) Copy qui commence par "Discover" ou "Unleash". Si trois sur cinq sont présents, c'est très probablement un site IA non retravaillé.

> Q : "Pourquoi tous les sites IA ont la même couleur bleue ?" A : Parce que les LLM ont été massivement entraînés sur des codebases utilisant Tailwind CSS, et que blue-500 (#3b82f6) est la couleur médiane de la palette Tailwind. Quand un modèle doit choisir une nuance "neutre et pro", il prend la médiane. Multiplie par dix millions de générations, tu obtiens un web où 60% des sites partagent la même couleur primaire.

> Q : "Google pénalise-t-il vraiment l'AI slop ?" A : Oui, mais indirectement. Google ne pénalise pas explicitement "le contenu IA", il pénalise le contenu non-helpful. Le AI slop tombe systématiquement dans cette catégorie parce qu'il manque d'experience, d'expertise et de spécificité. Plusieurs Helpful Content Updates entre 2022 et 2025 ont déclassé massivement des réseaux de sites slop SEO.

> Q : "L'AI slop existe-t-il aussi en français ?" A : Oui, et il a sa propre signature. Phrases d'introduction comme "Dans un monde toujours plus connecté", "Plongez au cœur de", "Libérez tout le potentiel de", "Une approche centrée sur l'humain", "Au XXIème siècle". Vocabulaire emprunté ("approche holistique", "expérience utilisateur sans précédent"). Les LLM produisent un français formellement correct mais stylistiquement plat.

> Q : "Comment éviter de faire du AI slop quand j'utilise v0 ou Lovable ?" A : Utilise leur output comme point de départ, jamais comme point d'arrivée. Change au minimum : la palette (couleurs custom), la typo (autre que Inter/Geist), la structure (pas de grid-cols-3), la copy (réécrite sur ta thèse). Si tu publies l'output brut, tu publies du slop par définition. Le détail de la méthode est dans comment éviter qu'un site Lovable ressemble à un site Lovable.

> Q : "Le slop va-t-il disparaître quand les modèles s'améliorent ?" A : Probablement pas. Les modèles s'améliorent en cohérence et en exécution, mais la convergence reste un problème de fond. Tant que les modèles partagent les mêmes biais d'entraînement (Tailwind, Inter, conventions web 2018-2024), ils convergeront vers les mêmes outputs. Il faudra soit des modèles fortement personnalisés, soit des contraintes humaines fortes.

> Q : "Sailop est-il gratuit ?" A : La CLI et le MCP server sont open source et utilisables librement. Une version cloud avec dashboard, historique d'audits et règles personnalisées est disponible en option payante pour les équipes. Le cœur de la détection est public, sous licence permissive.

> Q : "Combien de temps faut-il pour 'dé-sloper' un site ?" A : Ça dépend de la profondeur du slop. Pour une landing page 1-écran, quelques heures suffisent à refaire palette, typo, copy. Pour un site multi-pages avec un design system, compte plusieurs jours à plusieurs semaines. La vraie question n'est pas "combien de temps" mais "as-tu une direction artistique à porter". Sans direction, refaire ne change rien.

> Q : "Qu'est-ce que le helpful content update de Google ?" A : Une série de mises à jour de l'algorithme Google entre 2022 et 2025, conçues pour récompenser le contenu utile aux humains et pénaliser le contenu écrit pour ranker. Le AI slop est typiquement écrit pour ranker, pas pour servir un humain, et tombe donc dans la catégorie pénalisée. L'update s'appuie sur des signaux comportementaux (taux de retour vers la SERP, temps passé) et sémantiques.

> Q : "Quelle différence entre AI slop et AI-generated content ?" A : "AI-generated content" est neutre : tout contenu produit avec une assistance IA. Un article écrit par un humain avec ChatGPT pour relire et reformuler reste de l'AI-generated content, mais ce n'est pas du slop. "AI slop" implique une absence d'intervention humaine substantielle et une publication brute. Le critère, c'est la responsabilité éditoriale humaine.

> Q : "Y a-t-il des sites IA qui ne sont PAS du slop ?" A : Oui, beaucoup. Vercel, Linear, Anthropic, Cal.com, Resend ont tous utilisé des outils IA dans leur process, mais leurs sites portent une direction artistique forte et reconnaissable. La différence n'est pas l'outil mais l'intentionnalité humaine derrière. Le slop n'est pas un état technique, c'est un état de soin.

> Q : "Est-ce que mon contenu LinkedIn est du slop si j'utilise ChatGPT pour le rédiger ?" A : Probablement oui, si tu publies l'output sans le retravailler substantiellement. Les marqueurs LinkedIn slop sont très reconnaissables en 2026 : énumérations en trois temps systématiques, tirets cadratins en excès, conclusion qui dit "the future of [topic] is here". Si tu utilises ChatGPT comme brainstorm puis réécris dans ta voix, tu produis du contenu humain assisté, pas du slop.

---

16. Glossaire

AI slop : Contenu (texte, image, code, son, vidéo) produit par un modèle génératif sans direction humaine substantielle, publié brut. Voir l'introduction.

Anti-slop : Toute pratique, outil ou produit conçu explicitement pour produire ou détecter du contenu non-slop. Inclut les linters de design (comme Sailop), les marketplaces de templates uniques, les rédacteurs anti-IA.

Bento grid : Layout en tuiles asymétriques inspiré des boîtes à bento japonaises, popularisé par Apple en 2022-2023. Devenu lui-même slop quand il est appliqué de façon symétrique avec six tuiles parfaites.

Commodification : Processus par lequel un bien à valeur ajoutée devient indifférencié et standard, et donc voit son prix tendre vers le coût marginal. Le frontend a été commodifié entre 2023 et 2026.

Dark UI pattern : Pratique de design qui manipule l'utilisateur contre ses intérêts (forcer un opt-in, cacher un opt-out, friction artificielle). Distinct du slop, mais souvent associé dans les sites SaaS génériques.

Default bias : Biais cognitif qui pousse à choisir l'option par défaut quand aucune contrainte forte n'oriente le choix. C'est le mécanisme principal qui produit le slop : les LLM choisissent le default Tailwind, la default police Inter, le default layout grid-cols-3.

EEAT : Acronyme Google pour Experience, Expertise, Authoritativeness, Trustworthiness. Cadre d'évaluation de la qualité d'un contenu. Le slop échoue typiquement sur les quatre dimensions.

EEAT update : Famille de mises à jour de l'algo Google qui pondèrent l'EEAT dans le ranking. Les updates de 2023-2025 ont déclassé massivement les sites slop.

Framer Motion : Librairie d'animation React très populaire. Devient slop quand utilisée avec ses paramètres par défaut (fade-in-up, 0.5s, ease-out).

Generic asset library : Bibliothèques d'icônes, illustrations, photos stock utilisées par défaut par les LLM. Lucide React, Heroicons, Unsplash sont les références canoniques. Leur usage par défaut est un signal slop.

Geist : Famille typographique sans-serif créée par Vercel, dérivée de Pangram Sans. Utilisée par défaut par v0. Devenue un signal slop par convergence.

Helpful content : Cadre éditorial Google introduit en 2022 : le contenu doit être utile à un humain, pas optimisé pour ranker. Le AI slop est l'antithèse du helpful content.

Inter : Famille typographique sans-serif créée par Rasmus Andersson, devenue la police par défaut du web 2020-2026. Excellente police, mais omniprésente, donc invisible et signal slop.

Lovable : Outil de génération full-stack avec backend Supabase. Produit du slop par défaut très reconnaissable.

MCP (Model Context Protocol) : Protocole standard introduit par Anthropic en 2024 pour connecter des outils externes aux LLM. Sailop expose ses fonctions d'audit via MCP.

Midjourney signature : Esthétique reconnaissable des images produites par Midjourney v6/v7 : lumière dorée, profondeur de champ exagérée, peau lisse, éclairage cinématique générique. Signal slop visuel.

One-shot generation : Production d'un site, d'un texte ou d'un asset en un seul prompt, sans itération. Le mode de production typique du slop.

Pangram : Phrase utilisant toutes les lettres de l'alphabet, classiquement "The quick brown fox jumps over the lazy dog". Aussi nom d'une fonderie typographique indépendante (Pangram Pangram), réputée anti-slop.

Prompt injection in design : Pattern où un prompt LLM contient une référence à un design existant ("make it look like Stripe.com") qui pousse le modèle à reproduire les conventions de cette marque, souvent slop par dérive.

shadcn/ui : Bibliothèque de composants Radix UI + Tailwind créée par shadcn, utilisée par défaut par v0. Les composants sont neutres mais quand utilisés bruts deviennent slop par omniprésence.

Slop blindness : État dans lequel un utilisateur, à force de voir du slop, ne le reconnaît plus. Le slop devient son nouveau normal. Phénomène documenté chez les indie hackers exposés à v0 plus de 30 minutes par jour.

Stochastic parroting : Concept théorisé par Bender, Gebru et al. en 2021 : les LLM répètent des patterns du training data sans compréhension réelle. C'est le mécanisme cognitif sous-jacent au slop.

Tailwind blue 500 : Code couleur #3b82f6. La couleur la plus présente sur le web 2024-2026. Quasi-synonyme visuel de "site IA non retravaillé".

Vibe code : Expression popularisée par Andrej Karpathy en 2024 pour désigner le code écrit par feeling avec un LLM, sans relire en détail. Mode de production canonique du AI slop dans le code.

v0 : Outil de génération de sites par Vercel, basé sur shadcn/ui et Geist. Le générateur de slop visuel le plus prolifique du marché 2025-2026.

---

17. Sources & lectures complémentaires

Ce qui suit est une bibliographie partielle des sources que j'ai consultées ou que je recommande pour creuser le sujet. Je donne nom + année, pas d'URL inventée.

• Andy Baio, billets sur l'AI slop sur waxy.org et Twitter, 2024
• Simon Willison's Weblog, série d'articles sur "slop", "vibe coding", et la détection de contenu IA, 2024-2026
• MIT Technology Review, plusieurs articles 2024-2025 sur "the AI content flood" et "Google's helpful content update"
• The Verge, articles 2024-2026 sur l'omniprésence des sites v0/Bolt et la commodification du frontend
• 404 Media, enquêtes sur les fermes de contenu slop, 2024-2025
• Wired, dossiers sur l'économie du AI-generated content, 2025
• The Guardian, éditoriaux sur la qualité du web et la responsabilité des plateformes IA, 2025
• Ed Zitron (Where's Your Ed At), critiques de l'économie de l'IA générative et du slop, 2024-2026
• Anthropic blog, posts sur Claude Code, MCP, et la responsabilité des outputs LLM, 2024-2026
• Google Search Central, documentation sur Helpful Content, EEAT, AI-generated content guidelines, 2022-2026
• Search Engine Land et Search Engine Journal, analyses des Helpful Content Updates et de leurs effets sur les sites slop, 2023-2025
• Stratechery (Ben Thompson), analyses économiques du marché de l'IA générative, 2024-2026
• Pivot to AI (David Gerard), critiques sceptiques sur l'industrie IA, 2024-2026
• Smashing Magazine, articles sur le design web post-IA et les pratiques anti-slop, 2025-2026
• A List Apart, essais sur la typographie web et la résistance à la convergence, 2024-2026
• Bender, Gebru et al., "On the Dangers of Stochastic Parrots", 2021, papier fondateur sur les limites cognitives des LLM
• Karpathy, Andrej, posts et talks sur "vibe coding", 2024-2025
• Linear blog et Vercel blog, exemples de design systems revendiquant explicitement une direction anti-slop, 2025-2026

Pour aller plus loin sur le sujet de la détection automatisée et des heuristiques anti-slop :

• Le prompt anti-slop ultime pour Claude Code et Cursor
• Comment éviter qu'un site Lovable ressemble à un site Lovable
• Pourquoi le bleu Tailwind et le gradient violet sont la signature de l'IA en 2026
• Détecter un site généré par IA en 30 secondes : la checklist complète

---

Conclusion brève

Le AI slop n'est pas un phénomène esthétique. C'est une convergence économique : quand le coût marginal de production tombe à zéro et que tout le monde utilise les mêmes outils, tout converge vers le même output. C'était vrai pour Helvetica au XXème siècle, pour Bootstrap dans les années 2010, pour Material Design entre 2014 et 2020. Le slop de 2026 est une étape de plus.

Mais cette fois, la convergence est plus large. Elle ne touche pas que la typographie, ou que les composants. Elle touche le code, la copy, la structure, les couleurs, les animations, la voix éditoriale, les vidéos, le son. Tout en même temps. Et elle s'autoalimente : le slop produit forme le training set du prochain modèle, qui produit du slop encore plus convergent.

La sortie n'est ni technique, ni législative. Elle est artistique. Il faut des humains qui décident de signer leur travail. Qui mettent leur corps, leur voix, leur opinion dans ce qu'ils publient. Qui acceptent de perdre du temps pour gagner de l'identité. Qui choisissent la contrainte au lieu du défaut.

Sailop est un outil dans cette boîte à outils. Pas une solution. Un détecteur, un thermomètre. Si ton site a 74/100 sur le score slop, Sailop te le dit. Ce que tu fais ensuite ne dépend que de toi.

Le web de 2027 sera ce qu'on en fait. Si on accepte le slop comme nouveau standard, le web sera un Walmart visuel. Si on refuse, le web sera un patchwork à nouveau intéressant.

Les deux options sont ouvertes. C'est maintenant que ça se joue.