Noter les soumissions Show HN sur les patterns de design IA

• Avec la hausse récente des soumissions Show HN, des landing pages à l’apparence similaire sont apparues de façon répétée, et les patterns communs ont été notés à partir des 500 pages Show HN les plus récentes
• Le barème repose sur 15 critères couvrant les polices, les couleurs, la mise en page et des patterns CSS, avec des éléments comme le hero centré, le VibeCode Purple, la bordure colorée à gauche, shadcn/ui et le Glassmorphism
• La détection a été effectuée en chargeant les pages avec un navigateur headless basé sur Playwright, puis en lisant le DOM et les styles calculés ; la méthode consistant à faire juger des captures d’écran par un LLM n’a pas été utilisée
• Les résultats se répartissent en Heavy slop 21 %, Mild 46 % et Clean 33 % ; un site n’est pas qualifié de généré par IA sur la base d’un seul pattern, les catégories étant définies selon le nombre de patterns remplis
• Cette tendance relève moins d’un problème grave que d’un manque d’inspiration, et à l’avenir il pourrait devenir nécessaire de soigner davantage le design pour se démarquer parmi des productions similaires

---

Hausse des Show HN et notation des patterns de design

• Le nombre de soumissions Show HN a fortement augmenté, au point que l’équipe de Hacker News a restreint les soumissions Show HN pour les nouveaux comptes
  • La baisse observée en mars 2026 coïncide, comme l’a signalé dang, avec l’application de /showlim
• Dans les projets Show HN récents, une impression générique et aseptisée revient régulièrement ; au lieu d’en rester à une impression subjective, elle a été quantifiée sur la base de 500 pages
• La notation a porté sur les 500 landing pages Show HN les plus récentes, classées selon des patterns de design IA récurrents

Critères des patterns de design IA

• Les patterns communs relèvent globalement des polices, des couleurs, des particularités de mise en page et de patterns CSS
• La bordure colorée à gauche a servi de signal fort d’un design généré par IA, et elle apparaît effectivement de manière répétée sur plusieurs pages

• Polices

  • Inter est largement utilisée, en particulier dans les titres hero centrés
  • Les LLM utilisent aussi souvent des combinaisons comme Space Grotesk, Instrument Serif et Geist
  • Sont également incluses les compositions de hero centrées sur Inter où un seul mot est mis en avant en serif italic

• Couleurs

  • Le VibeCode Purple revient de manière répétée
  • Les combinaisons mode sombre permanent, texte courant gris moyen et libellés de section en majuscules sont fréquentes
  • En thème sombre, certains cas incluent un contraste du texte courant qui dépasse à peine le seuil recommandé
  • L’usage excessif de dégradés, les grands halos colorés et les box-shadows colorées font aussi partie des patterns

• Particularités de mise en page

  • Le hero centré avec une police sans serif générique revient souvent
  • La présence d’un badge juste au-dessus du H1 du hero apparaît fréquemment
  • Le pattern de bordure colorée sur le haut ou le bord gauche des cartes est également pris en compte
  • Des feature cards identiques avec une icône en haut sont disposées de manière répétée
  • Les séquences numérotées 1, 2, 3, les rangées de bannières de statistiques, les sidebars ou navigations avec icônes emoji, ainsi que les titres et libellés de section en majuscules, font aussi partie des critères

• Patterns CSS

  • shadcn/ui

    • Glassmorphism

Méthode de détection et résultats

• Chaque site a été chargé avec un navigateur headless basé sur Playwright, et un petit script embarqué dans la page a lu le DOM et les styles calculés pour vérifier les patterns
  • Tous les patterns ont été traités par des vérifications déterministes du CSS ou du DOM ; la méthode consistant à prendre des captures d’écran puis à laisser un LLM juger visuellement n’a pas été utilisée
• Cette méthode peut produire des faux positifs, mais lors du QA manuel ils ont été estimés à environ 5 à 10 %
• Le code de notation pourrait être rendu public pour permettre la reproduction, l’amélioration ou l’évaluation de son propre site pour ceux que cela intéresse
• Un site n’est pas considéré comme généré par IA à partir d’un seul pattern ; il est réparti dans l’une des 3 catégories selon le nombre de patterns satisfaits parmi les 15
  • Heavy slop : 5 patterns ou plus, 105 sites, 21 %
  • Mild : 2 à 4, 230 sites, 46 %
  • Clean : 0 à 1, 165 sites, 33 %
• Ces résultats relèvent moins d’un problème grave que d’un manque d’inspiration
  • Pour valider une idée business, un design flamboyant n’a jamais été l’élément central, et même avant l’IA beaucoup de sites se ressemblaient, comme avec Bootstrap
  • La différence est nette entre les cas où le design est retravaillé à la main et ceux où la sortie par défaut du LLM est publiée presque telle quelle
  • Même avant les LLM, utiliser tel quel un template CSS/HTML produisait un phénomène similaire
• À l’avenir, il pourrait redevenir nécessaire de soigner davantage le design pour se distinguer dans ce slop
• En parallèle, si les principaux utilisateurs du web deviennent des agents IA, l’importance qui restera au design demeure très incertaine

[GN⁺]

Commentaires Hacker News

• J’ai l’impression que la plupart des side projects sont désormais réalisés avec l’aide de l’IA
  En général, on a des contraintes de temps, donc si l’IA permet d’en gagner, il n’y a pas beaucoup de raisons de s’en priver
  Et c’est aussi l’endroit idéal pour tester de nouveaux outils d’IA qu’il est difficile d’expérimenter dans le cadre du travail en entreprise
  Au départ, le titre de cet article passait à côté de l’essentiel et utilisait mal vibe coded, ce qui empêchait de bien transmettre le sujet réellement plus intéressant : les points communs visuels des frontends générés par IA
  Maintenant, le titre est meilleur, et "Show HN submissions tripled and now mostly have the same vibe-coded look" paraît bien plus juste

  • Ce qui m’agace le plus dans les pages web assistées par LLM, surtout avec Claude Code, c’est qu’elles ignorent beaucoup trop les règles de base de l’accessibilité web
    Je vois beaucoup trop souvent des sites en mode sombre où le texte principal et le texte secondaire sont en marron foncé ou en beige, avec une lisibilité catastrophique
    Pour rester prudent, il faut un ratio de contraste texte/fond d’au moins 4:1
    Ce n’est pas difficile à corriger : il suffit d’intégrer les Web Content Accessibility Guidelines dans les skills
    https://webaim.org/resources/contrastchecker
  • Je ne veux pas utiliser l’IA pour mes projets personnels
    Ce qui est amusant, c’est justement le processus : réfléchir au problème, le résoudre, l’implémenter soi-même, apprendre quelque chose de nouveau et imaginer si cela pourrait devenir populaire et utile ; si l’IA produit le résultat d’un claquement de doigts, tout ce plaisir disparaît
    Dans le travail quotidien, très bien, on peut utiliser l’IA pour réduire les tâches ennuyeuses, mais je n’ai pas envie de faire pareil jusque dans mes side projects
    Et payer 200 dollars par mois pour acheter le privilège d’utiliser l’IA sur des projets personnels me paraît franchement absurde
  • Tout dépend de l’objectif
    Tous mes side projects ont commencé pour apprendre quelque chose, donc appuyer sur le bouton “passer directement à la fin” avec l’IA ne me correspond pas du tout
  • L’IA peut faire gagner du temps, mais elle fait aussi parfois sauter la réflexion originale dans le domaine
    Or, dans le contexte de "je vous montre mon side project", c’est justement ce raisonnement qui intéresse les gens
  • Je ne vois pas très bien quelle urgence de finir il peut y avoir sur un side project
    En général, ce qui est vraiment urgent, ce sont les projets commerciaux

• La liste des design patterns est correcte, mais il manque à mon avis un gros élément : la rounded rect grid
  https://correctarity.com/roundedrects
  Le "Icon-topped feature card grid" mentionné dans l’article est peut-être le terme officiel qui s’en rapproche le plus

  • Les interfaces en cartes sont déjà à la mode depuis un bon moment, et j’ai même du mal à me souvenir de la dernière fois où j’ai vu des coins vraiment anguleux dans un design system
    C’est une tendance qui remonte au moins à l’époque où Apple avait déposé son brevet sur les coins arrondis
  • Cela semble davantage relever du style NextJs que des LLM

• Il faut aussi regarder ceci
  https://news.ycombinator.com/showlim
  Les comptes qui n’ont pas beaucoup d’historique sur HN voient souvent cet écran aujourd’hui, et cela influence aussi la baisse visible à droite du graphique de l’OP
  Ask HN: Please restrict new accounts from posting - https://news.ycombinator.com/item?id=47300329 - March 2026 (515 comments)
  Is Show HN dead? No, but it's drowning - https://news.ycombinator.com/item?id=47045804 - Feb 2026 (425 comments)

• Les gens veulent écrire du code avec des outils de 2026 tout en étant évalués selon des critères de 2016
  En 2016, voir 10 000 lignes de code impliquait en soi une certaine preuve d’effort, et avec elle venaient naturellement des tests, de la réflexion et des mois passés à se heurter au problème puis à peaufiner
  Mais en 2026, 10 000 lignes de code peuvent simplement vouloir dire qu’on a dépensé un peu d’argent en tokens, et dans des cas comme la conversion d’une grosse spécification OpenAPI vers une API dans un langage donné, cela peut être généré très vite d’un seul coup
  Il est tout à fait possible que plus de 90 % du projet n’ait jamais été exécuté dans un scénario réel, et qu’il n’ait fait que passer des tests unitaires écrits par l’IA elle-même
  Ce n’est pas intrinsèquement mauvais, mais les critères d’évaluation doivent changer
  Même si la barre à l’entrée de Show HN n’a pas besoin d’être très haute, elle devrait être un peu au-dessus de "j’ai tapé quelques lignes dans une zone de texte"
  Non pas parce que c’est mauvais, mais parce que le coût pour capter la précieuse attention humaine est devenu trop faible
  C’est un peu amer, mais en réalité, ce type de projet qu’on peut faire avec une idée et quelques prompts existait déjà en assez grand nombre avant l’IA
  Les outils de codage par IA n’ont fait qu’allonger un peu la liste des "projets vus mille fois", donnant surtout l’impression que le même type de projets déjà omniprésents arrive désormais en encore plus grand nombre

  • En fait, cela correspond quasiment à l’ensemble de l’industrie de l’IA actuelle
    On voit souvent des gens fabriquer un produit en un week-end puis lui coller un prix absurde en se basant sur ce que cette catégorie de produit valait il y a quelques années
    Ils semblent avoir du mal à accepter que ce prix reflétait à l’origine l’effort nécessaire pour en arriver là
    Maintenant, la situation a changé
  • Cela s’applique à des domaines plus larges que le code
    Certains produisent des slide decks excessivement tape-à-l’œil ou un nouveau branding, puis veulent être jugés comme s’il s’agissait d’accomplissements du niveau d’autrefois ; au final, ils se fabriquent eux-mêmes leur propre mérite

• L’idée que le design n’aura peut-être plus beaucoup d’importance si les agents IA deviennent les principaux utilisateurs du web ne me séduit pas vraiment
  Si le monde terrestre est ravagé par la maladie et la guerre, et pollué par des chèques en blanc de l’innovation et des débris de métaux lourds, alors il faut bâtir un nouvel Eden
  J’aime le concept de Gemini, mais j’ai quand même envie de l’exprimer dans un média visuel
  Je pense qu’on peut créer quelque chose de beau même dans les contraintes de Dillo, et si on utilise un mesh Wireguard comme couche de transport, avec des invitations accordées puis retirées selon une confiance personnelle,
  alors peut-être que les idées pourront revivre dans un endroit où les immenses plateformes n’amplifient pas tout pour ensuite tout lisser

• Si l’on parle design, les sites de projets tech, du solo founder SaaS jusqu’aux entreprises ayant reçu 2 milliards de dollars de YC, se ressemblent tous depuis des années
  J’en suis arrivé à espérer que les LLM hallucinent au moins de temps en temps un peu de CSS différent

  • L’industrie du logiciel a toujours été très portée sur le suivisme des tendances
    Bootstrap, Web 2.0, Tailwind, Material UI, Rails, NextJS : ce genre de cycle s’est toujours répété, et aujourd’hui c’est simplement l’IA
    Pas besoin de faire comme si le secteur n’avait jamais pris de raccourcis auparavant
    On peut bien vanter du code artisanal, mais du côté de ceux qui utilisent le logiciel pour le business, cela n’a jamais été une préoccupation majeure
    Et au fond, la philosophie même de l’informatique n’était-elle pas que tout le monde devrait pouvoir coder ?
    Le secteur s’est aussi opposé aux barrières de licence, donc le fait que le code devienne aujourd’hui une commodity et que les barrières à l’entrée disparaissent presque ressemble à une continuité logique

• Certaines soumissions Show HN semblaient impressionnantes au premier abord, mais quand on regarde de plus près, soit elles ne fonctionnent pas du tout, soit il est bien trop évident qu’il s’agit de code IA présenté comme s’il avait été écrit directement par quelqu’un
  Avant, GitHub avait une certaine valeur comme signal sur un CV, mais maintenant que l’IA peut faire l’essentiel, cette valeur de signal a pratiquement disparu

• J’aimerais qu’on n’affiche pas seulement le résumé, mais aussi les résultats détaillés
  Par exemple, il faudrait fournir la liste des soumissions les mieux et les moins bien notées, pour qu’on puisse soi-même faire un vibe check de la méthodologie
  Et plutôt qu’un camembert de catégories arbitraires pris à un instant donné, il vaudrait mieux montrer l’évolution des tendances dans le temps

• Pour un MVP ou une phase d’exploration, une UI produite par LLM reste tout à fait acceptable
  En revanche, quand un jouet commence à devenir un produit, il faut reprendre sérieusement l’UI au moment où l’on veut faire les choses correctement
  Pour une interface destinée à des humains, la patte humaine finit par avoir de la valeur
  Le problème de HN inondé de bots IA est lié au sujet, mais c’est malgré tout une question distincte, d’une autre nature

• Je ne pense pas que le cœur du problème soit la génération par IA en elle-même
  En revanche, une UI/UX générée par IA et bâclée, ça, c’est vraiment un problème
  L’esthétique vibe-coded donne souvent le signal qu’on n’a pas vraiment réfléchi en profondeur à "comment cela fonctionne réellement", et même si la technologie sous-jacente est solide, cela reste un signal d’alarme suffisant