Bewertung von Show-HN-Einreichungen nach AI-Designmustern

 (adriankrebs.ch)
3 Punkte von GN⁺ 6 일 전 | 1 Kommentare | Auf WhatsApp teilen
  • Mit der jüngsten Zunahme von Show-HN-Einreichungen tauchten wiederholt Landingpages mit ähnlichem Eindruck auf; auf Basis der neuesten 500 Show-HN-Seiten wurden gemeinsame Muster bewertet
  • Die Bewertung basiert auf 15 Kriterien zu Schriftarten, Farben, Layout und CSS-Mustern; dazu gehören zentrierte Hero-Bereiche, VibeCode Purple, farbige linke Rahmen, shadcn/ui und Glassmorphism
  • Die Erkennung erfolgte, indem die Seiten in einem Playwright-basierten Headless-Browser geladen und anschließend DOM und berechnete Styles ausgelesen wurden; ein Verfahren, bei dem ein LLM Screenshots beurteilt, wurde nicht verwendet
  • Die Ergebnisse teilen sich in Heavy slop 21 %, Mild 46 % und Clean 33 %; dabei wird nicht anhand eines einzelnen Musters entschieden, dass eine Seite AI-generiert ist, sondern nach der Anzahl erfüllter Muster in Gruppen eingeteilt
  • Dieser Trend ist eher ein Mangel an Inspiration als ein ernstes Problem; künftig könnte wieder sorgfältigeres Design nötig werden, um unter ähnlichen Ergebnissen aufzufallen

Zunahme von Show HN und Bewertung von Designmustern

  • Die Zahl der Show-HN-Einreichungen ist stark gestiegen, und für neue Accounts wurde die Durchsetzung sogar so weit verschärft, dass das Hacker-News-Team Show-HN-Einreichungen einschränkt
    • Der Rückgang im März 2026 fällt, wie dang angemerkt hat, mit dem Zeitpunkt der Einführung von /showlim zusammen
  • Bei aktuellen Show-HN-Projekten trat wiederholt ein allgemeiner und steriler Eindruck auf; statt dies nur als subjektives Gefühl stehen zu lassen, wurde es anhand von 500 Seiten bewertet
  • Bewertet wurden die neuesten 500 Show-HN-Landingpages, klassifiziert nach gemeinsamen AI-Designmustern

Kriterien für AI-Designmuster

  • Die gemeinsamen Muster lassen sich grob in Schriftarten, Farben, Layout-Eigenheiten und CSS-Muster einteilen
  • Ein farbiger linker Rahmen erwies sich als starkes Signal für AI-generiertes Design und tauchte auf mehreren Seiten tatsächlich wiederholt auf

  • Schriftarten

    • Inter wird insgesamt häufig verwendet, fällt aber besonders bei zentrierten Hero-Headlines auf
    • LLMs verwenden auch häufig Kombinationen wie Space Grotesk, Instrument Serif und Geist
    • Dazu gehört auch ein Inter-basierter Hero-Bereich, in dem genau ein Wort zur Hervorhebung in serif italic gesetzt wird

  • Farben

    • Das sogenannte VibeCode Purple taucht wiederholt auf
    • Häufig zu sehen ist die Kombination aus dauerhaftem Dark Mode, mittelgrauem Fließtext und Abschnittslabels in Großbuchstaben
    • In Dark Themes gibt es auch Fälle, in denen der Kontrast des Fließtexts die Mindestanforderung nur knapp überschreitet
    • Auch ein allgemeiner Übergebrauch von Verläufen, große farbige Glows und farbige Box-Shadows gehören zu den Mustern

  • Layout-Eigenheiten

    • Ein typischer zentrierter Hero-Bereich mit Sans-Serif-Schrift wird immer wieder verwendet
    • Häufig erscheint direkt über dem H1 des Hero-Bereichs ein Badge
    • Ebenfalls enthalten ist das Muster eines farbigen Rahmens am oberen oder linken Rand von Karten
    • Wiederholt angeordnet werden identische Feature-Karten mit Icons im oberen Bereich
    • Ebenfalls zu den Kriterien gehören nummerierte 1-2-3-Schrittfolgen, Reihen mit Statistik-Bannern, Sidebars oder Navigationen mit Emoji-Icons sowie Titel und Abschnittslabels in Großbuchstaben

  • CSS-Muster

    • shadcn/ui

      • Glassmorphism

Erkennungsmethode und Ergebnisse

  • Jede Website wurde in einem Playwright-basierten Headless-Browser geladen; ein kleines Skript innerhalb der Seite las DOM und berechnete Styles aus, um die Muster zu prüfen
    • Alle Muster wurden über deterministische CSS- oder DOM-Prüfungen erfasst; ein Ansatz, bei dem Screenshots aufgenommen und von einem LLM visuell beurteilt werden, kam nicht zum Einsatz
  • Diese Methode kann Fehlklassifikationen erzeugen, in der manuellen QA wurde der Anteil aber auf ungefähr 5 bis 10 % geschätzt
  • Der Bewertungs-Code könnte veröffentlicht werden, falls Interesse besteht, die Ergebnisse zu reproduzieren, zu verbessern oder die eigene Website zu bewerten
  • Es wird nicht anhand eines einzelnen Musters entschieden, dass eine Seite AI-generiert ist; stattdessen erfolgt die Einteilung in drei Gruppen danach, wie viele der 15 Muster erfüllt sind
    • Heavy slop: 5 oder mehr erfüllte Muster, 105 Websites, 21 %
    • Mild: 2–4, 230 Websites, 46 %
    • Clean: 0–1, 165 Websites, 33 %
  • Diese Ergebnisse sind eher ein Mangel an Inspiration als ein ernsthaftes Problem
    • Bei der Validierung von Geschäftsideen war auffälliges Design ohnehin nie der Kern, und auch vor AI sahen viele Websites durch Dinge wie Bootstrap ähnlich aus
    • Es gibt einen deutlichen Unterschied zwischen Fällen, in denen das Design manuell verfeinert wird, und solchen, in denen die Standardausgabe eines LLM fast unverändert veröffentlicht wird
    • Auch vor LLMs zeigte sich ein ähnliches Phänomen, wenn CSS-/HTML-Templates unverändert übernommen wurden
  • Künftig könnte wieder mehr Sorgfalt im Design nötig sein, um inmitten dieses slop aufzufallen
  • Gleichzeitig bleibt unklar, wie wichtig Design noch sein wird, wenn die wichtigsten Nutzer des Webs AI-Agenten sind

Verwandte Beiträge

1 Kommentare

 
GN⁺ 6 일 전
Hacker-News-Kommentare

  • Inzwischen werden die meisten Side Projects wohl mit AI-Unterstützung gebaut
    Meist gibt es Zeitbeschränkungen, also gibt es kaum einen Grund, AI nicht zu nutzen, wenn sie Zeit spart
    Außerdem ist es genau der richtige Ort, um neue AI-Tools auszuprobieren, mit denen man bei der Arbeit im Unternehmen nur schwer experimentieren kann
    Der Titel dieses Beitrags hat den Kern anfangs nicht gut getroffen und vibe coded falsch verwendet, sodass das eigentlich interessantere Thema, nämlich die visuellen Gemeinsamkeiten AI-generierter Frontends, nicht richtig vermittelt wurde
    Jetzt ist der Titel besser, und „Show HN submissions tripled and now mostly have the same vibe-coded look“ wirkt deutlich präziser

    • Das Nervigste an LLM-unterstützten Webseiten ist, besonders auffällig bei Claude Code, dass grundlegende Richtlinien zur Web-Accessibility viel zu oft ignoriert werden
      Ich sehe viel zu häufig Dark-Mode-Seiten, bei denen Haupttext und Hilfstext in dunklen Braun- oder Beigetönen gehalten sind und die Lesbarkeit katastrophal ist
      Auf Nummer sicher geht man, wenn das Kontrastverhältnis zwischen Text und Hintergrund mindestens etwa 4:1 beträgt
      Das ist auch nicht schwer zu beheben; man muss nur die Web Content Accessibility Guidelines in die Skills aufnehmen
      https://webaim.org/resources/contrastchecker
    • Ich möchte AI in privaten Projekten nicht verwenden
      Es macht gerade Spaß, über Probleme nachzudenken, sie zu lösen, selbst umzusetzen, Neues zu lernen und sich vorzustellen, ob etwas vielleicht populär und nützlich werden könnte; wenn AI per Fingerschnippen das Ergebnis erzeugt, geht dieser Spaß verloren
      Im Arbeitsalltag kann man AI nutzen, um langweilige Aufgaben zu reduzieren, aber das möchte ich nicht auch noch bei Side Projects tun
      Dazu kommt, dass es sich für mich ziemlich töricht anfühlt, jeden Monat 200 Dollar zu bezahlen, nur um mir das Privileg zu kaufen, AI für private Projekte zu nutzen
    • Es hängt davon ab, was das Ziel ist
      Alle meine Side Projects habe ich begonnen, um etwas zu lernen, daher passt es für mich überhaupt nicht, mit AI den Zum-Ende-Springen-Knopf zu drücken
    • AI kann Zeit sparen, führt aber oft auch dazu, dass originelles Denken innerhalb der Domäne übersprungen wird
      Genau für diesen Denkprozess interessieren sich Menschen aber, wenn jemand sagt: „Ich zeige mein Side Project“
    • Ich verstehe nicht ganz, welche große Dringlichkeit des Fertigwerdens es bei Side Projects geben soll
      Wirklich dringend sind normalerweise eher kommerzielle Projekte

  • Die Liste der Designmuster ist okay, aber als großes fehlendes Element sehe ich rounded rect grid
    https://correctarity.com/roundedrects
    Vielleicht ist das im Beitrag erwähnte „Icon-topped feature card grid“ sogar ungefähr die offizielle Bezeichnung dafür

    • Card UI ist schon seit einiger Zeit im Trend, und ich kann mich kaum erinnern, wann ich in einem Designsystem zuletzt wirklich scharfkantige Ecken gesehen habe
      Mindestens seit der Zeit, als Apple das Patent auf abgerundete Ecken angemeldet hat, läuft das schon so
    • Das wirkt eher stärker vom NextJs-Stil geprägt als von LLMs

  • Man sollte sich auch das hier ansehen
    https://news.ycombinator.com/showlim
    Accounts mit wenig HN-Historie bekommen diesen Bildschirm inzwischen oft zu sehen, und das trägt auch zum Abwärtstrend rechts im Diagramm des OP bei
    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)

  • Die Leute schreiben Code mit Werkzeugen von 2026, wollen aber nach Maßstäben von 2016 bewertet werden
    Wenn man 2016 10.000 Zeilen Code sah, steckte darin an sich schon ein gewisses proof-of-work, und damit gingen ganz natürlich Tests, Überlegungen und Monate des Ausprobierens und Verfeinerns einher
    Aber 10.000 Zeilen Code im Jahr 2026 können auch einfach nur bedeuten, dass jemand ein bisschen Geld für Tokens ausgegeben hat, und wenn es etwa darum geht, eine große OpenAPI-Spezifikation in eine sprachspezifische API umzuwandeln, lässt sich das auf einmal sehr schnell erzeugen
    Es ist gut möglich, dass über 90 % eines Projekts nie in einem realen Szenario gelaufen sind und nur die von der AI selbst geschriebenen Unit-Tests bestehen
    Daran ist an sich nichts grundsätzlich falsch, aber die Bewertungskriterien müssen sich ändern
    Die Hürde für Show HN muss nicht extrem hoch sein, aber sie sollte etwas höher liegen als „ein paar Zeilen in ein Textfeld getippt“
    Nicht weil das schlecht wäre, sondern weil es viel zu billig geworden ist, die kostbare menschliche Aufmerksamkeit auf sich zu ziehen
    Das ist etwas bitter, aber tatsächlich gab es auch schon vor AI ziemlich viele Projekte, die sich im Wesentlichen nur mit einer Idee und ein paar Prompts bauen ließen
    AI-Coding-Tools haben die Liste der „schon viel zu oft gesehenen Projekte“ nur noch etwas länger gemacht; in Wirklichkeit wirkt es eher so, als würde derselbe Projekttyp, der schon früher überhandnahm, jetzt noch heftiger auf uns einströmen

    • Das trifft praktisch auch auf die gesamte AI-Branche zu
      Man sieht oft, wie jemand übers Wochenende ein Produkt zusammenbaut und dann einen absurden Preis verlangt, begründet mit dem Preisniveau, das diese Produktkategorie vor ein paar Jahren hatte
      Es scheint schwer zu akzeptieren zu sein, dass dieser Preis ursprünglich auch den Aufwand widerspiegelte, der nötig war, um überhaupt dorthin zu kommen
      Jetzt ist die Lage eine andere
    • Das gilt auch für Bereiche weit über Coding hinaus
      Man erstellt übermäßig aufpolierte Slide Decks oder ein neues Branding und möchte dann so bewertet werden, als wäre das noch eine Leistung nach alten Maßstäben; am Ende erschafft man sich seine Leistung damit selbst

  • Mich überzeugt die Aussage nicht besonders, dass Design womöglich weniger wichtig wird, wenn AI-Agenten die Hauptnutzer des Webs werden
    Wenn die Welt an der Oberfläche durch Krankheit und Krieg verwüstet und durch leere Innovationsversprechen und Schwermetallschrott vergiftet ist, dann muss man ein neues Eden bauen
    Ich mag die Idee von Gemini, aber ich möchte sie trotzdem in visuellen Medien ausdrücken
    Ich glaube, selbst unter den Beschränkungen von Dillo könnte man etwas Schönes schaffen, und wenn man ein Wireguard mesh als Transportschicht verwendet und Einladungen auf Basis persönlichen Vertrauens vergibt und wieder entzieht,
    dann könnten Ideen vielleicht an einem Ort wieder aufleben, an dem riesige Plattformen nicht alles verstärken und auf einen Mittelwert glattbügeln

  • Wenn wir über Design sprechen, dann sehen Websites für Tech-Projekte vom Solo-Founder-SaaS bis zum mit 2 Milliarden Dollar von YC finanzierten Unternehmen seit Jahren alle ähnlich aus
    Inzwischen hoffe ich nur noch, dass LLMs gelegentlich ein etwas anderes CSS halluzinieren

    • Die Softwarebranche war schon immer stark von Trendfolge geprägt
      Strömungen wie Bootstrap, Web 2.0, Tailwind, Material UI, Rails und NextJS kamen und gingen in Zyklen, und jetzt ist es eben AI
      Man muss nicht so tun, als hätte die Branche früher keine Abkürzungen genommen
      Man kann Handwerkskunst im Code feiern, aber für die Nutzung von Software im Business-Kontext hat man sich traditionell nie besonders dafür interessiert
      Außerdem war die Philosophie der Informatik doch letztlich immer eher, dass jeder programmieren können sollte
      Man hat sich auch gegen Lizenzbarrieren gestellt, und insofern wirkt es wie eine logische Fortsetzung, dass Code jetzt zur Commodity wird und die Einstiegshürden fast verschwinden

  • Manche Show-HN-Einreichungen wirken zuerst beeindruckend, aber wenn man genauer hinsieht, funktionieren sie überhaupt nicht oder es ist viel zu offensichtlich AI-Code, der so aussieht, als hätte ihn jemand selbst geschrieben
    Früher war GitHub als Signal im Lebenslauf noch einigermaßen brauchbar, aber wenn AI nun den Großteil übernimmt, verschwindet dieser Signalwert faktisch

  • Ich fände es besser, wenn nicht nur die Zusammenfassung gezeigt würde, sondern auch die detaillierten Ergebnisse
    Zum Beispiel sollte es zusätzlich Listen mit hoch und niedrig bewerteten Einreichungen geben, damit man selbst einen Vibe-Check machen kann, ob die Methodik stimmig ist
    Und statt eines willkürlichen Kreisdiagramms mit Kategorien zu einem einzelnen Zeitpunkt wäre es besser, Trends im Zeitverlauf zu zeigen

  • Für ein MVP oder eine Erkundungsphase ist eine von LLMs erzeugte UI durchaus akzeptabel
    Aber wenn aus einem Spielzeug langsam ein Produkt wird, kommt der Punkt, an dem man die UI ernsthaft überarbeiten muss
    Bei Interfaces für Menschen hat letztlich die menschliche Handschrift ihren Wert
    Das Problem, dass AI HN mit Bots überschwemmt, hängt zwar damit zusammen, ist aber doch eine eigene Frage anderer Natur

  • Ich glaube nicht, dass das Kernproblem AI-Erzeugung an sich ist
    Aber schlampig gemachte AI-generierte UI/UX ist wirklich ein Problem
    Die vibe-coded Ästhetik wirkt oft wie ein Signal dafür, dass „nicht wirklich tief darüber nachgedacht wurde, wie das eigentlich funktioniert“, und selbst wenn die zugrunde liegende Technik solide ist, ist das völlig ausreichend als Warnsignal