Alle vibecodierten Websites sind dieselbe Seite mit nur unterschiedlichen Wörtern – deshalb habe ich sie gebaut

 (vibe-coded.lol)
5 Punkte von GN⁺ 2025-10-20 | 2 Kommentare | Auf WhatsApp teilen
  • Diese Seite ist ein Parodieprojekt, das die uniforme Form AI-generierter Websites satirisch aufgreift und mit dem Witz beginnt, dass „Claude alles macht und der Mensch sich nur die Anerkennung einholt“.
  • Sie verspottet typische Startup-Landingpage-Klischees, indem Template-Variablen wie {{COMPANY_NAME}} und {{CEO_NAME}} sowie Slogans wie „Innovation, AI, kundenzentriert“ einfach copy-pastet werden.
  • Sie zählt sogar Tailwind CSS, Unsplash-Stockfotos, den Ausdruck „innovative AI-Lösung“ sowie Fake-Testimonials und -Metriken zu den Klischees einer AI-generierten Website.
  • Den Trend, ohne Code-Verständnis per Copy-and-Paste eine Website zu erstellen, bringt sie als satirischen Witz mit einer „Works on my machine“-Machismo-Kultur zusammen.
  • Es ist ein Projekt, das die Ironie des KI-Zeitalters kritisiert: schnelle Produktivität, aber oberflächliches Verständnis, was zu uniformer, standardisierter Kreation führt, dabei scharf und zugleich lustig bleibt.

Seitenübersicht

  • Wie der Titel „Every AI-Coded Website Ever“ zeigt, steht die Verallgemeinerung im Mittelpunkt, dass alle von AI erstellten Websites ähnlich aussehen.
    • Auf dem Hauptbildschirm hängt die Aussage „💎 $0 REVENUE • ∞ TECHNICAL DEBT • 🔥 ZERO TESTS“.
    • Mit der Beschriftung „YC W25 REJECT“ wird zusätzliche Selbstironie in Bezug auf die Startup-Kultur geschaffen.

Parodie der typischen Startup-Story

  • Die Website präsentiert eine automatisch generierte Startup-Beschreibung, beginnend mit „{{COMPANY_NAME}} liebt seine Kunden und verändert die Welt durch AI-Innovation“.
    • Berühmte Startup-Slogans wie „Move fast, break things“ werden zitiert.
    • In Wirklichkeit werden alle Sätze exakt als AI-Standard-Template-Text belassen.

Satire der KI-Entwicklungskultur

  • Mit dem Satz “Just open your browser and type ‘make me a website’ into Claude or ChatGPT” verspottet sie den Trend zur AI-Abhängigkeit in der Entwicklung.
    • Unter Überschriften wie „Copy-paste excellence“, „Zero planning“, „Works on my machine“ entsteht eine Kapitelstruktur aus echten Entwickler-Memes in satirischer Form.
    • Der Ausdruck „Claude hallucinated it for you“ nimmt die Scheinrealität von Code ohne Verständnis aufs Korn.

Tailwind und UI-Memes

  • Nach dem Kommentar „Not enough Tailwind. 6/10.“ wird ein Bild mit einem vom Wind geschwungenen Schwanz eingefügt (tatsächlich ein Katzenbild).
    • Mit dem Scherz „Das ist Tailwind CSS“ wird die Oberflächlichkeit aktueller Designtrends kritisiert.
    • Dass bereits „rounded corners and shadows“ ausreichen, um einen „professionellen Look“ vorzutäuschen, wird als optische Täuschung entlarvt.

Falsche Sicherheitswarnung und Code-Struktur

  • Als bekanntes Meme wird „Dein Passwort hunter2 wurde versehentlich geleakt“ genutzt.
    • Es wird die AI-Entwicklung auf die Schippe genommen, die OAuth oder Auth nicht wirklich versteht.
  • Die Projektstruktur imitiert ein realistisches Durcheinander mit Dateien wie „index-revised-2.html“, „DEBUGGING-RESULTS.md“, „CLAUDE.md“.

Fake-Bewertungen und Leistungskennzahlen

  • Humorvoll werden leere Statistiken wie „NaN Kundenzufriedenheit“, „∞ Bugs“, „$0 Umsatz“ präsentiert.
    • Auch die Testimonials bestehen aus inhaltslosem Lob wie „Ich weiß nicht, was das ist, aber der Gradient-Button ist cool“.
    • Alle Bewertungen enden mit „GPT-3.5 hat das generiert“ und vollenden so eine selbstreferenzielle KI-Satire-Struktur.

Meta-Kommentar: Selbstironie

  • Im letzten Abschnitt steht ausdrücklich: „Diese Website wurde in 5 Minuten mit Claude gebaut. Ich habe den Code nicht gelesen, aber er läuft.“
    • Damit wird die Illusion oberflächlicher Produktivität im KI-Zeitalter offen gelegt.
    • Mit dem Satz „Ich werde trotzdem Full Stack Developer im Lebenslauf schreiben“ endet es in humorvoller Form mit der Identitätskonfusion moderner Entwickler.

Implikationen

  • Es wird die Problematik der durch KI-Tools ausgelösten Code-Kopie, Vereinheitlichung und oberflächlichen Funktionalität satirisch herausgearbeitet.
  • Die Leere und der Selbstwiderspruch von Ergebnissen ohne menschliche Kreativität und Verständnis werden klar benannt.
  • Als digitales Satirekunstwerk an der Schnittstelle zwischen Tech-Satire und Web-Memes kann es als Werk gelten, das den Begriff von „Kreativität“ im KI-Zeitalter neu hinterfragt.

Verwandte Beiträge

2 Kommentare

 
goodnvin 2025-10-23

Lästern ist leicht. Bring etwas Eigenständiges mit und beweise es dann.
 
GN⁺ 2025-10-20
Hacker-News-Kommentare
  • Wer die Blütezeit von Bootstrap nicht miterlebt hat, fällt sofort auf; das Alte wird gerade wieder neu, und auch bei von LLMs erzeugten Websites bekommt man viel vielfältigere Ergebnisse, wenn man dem Prompt nur ein wenig Inspiration mitgibt.
    • Wenn man kreativ ist, ist man motiviert, und wenn man motiviert ist, beschreibt man genau, was man will; wenn man das, was man will, in Code beschreibt, ist das die effizienteste Methode. Der wichtigste Trick bei der Nutzung von LLMs ist, genau in der Sprache zu schreiben, die man haben will. Dann bekommt man sofort und perfekt eine Antwort.
  • Ich habe den Prompt gegeben: "Erstelle mir mit Tailwind eine Website im Bootstrap-Stil. Aber so, dass sie auch wirklich wie Bootstrap aussieht."
  • Diese Website verfolgt alles, was du tust, mithilfe von Cookies, localStorage, sessionStorage, IndexedDB, WebSQL, Browser-Fingerprinting, Canvas-Fingerprinting und wahrscheinlich sogar dem Mädchennamen deiner Mutter.
Diese Daten werden mit 847 vertrauenswürdigen Partnern geteilt und an Werbetreibende, Datenbroker, ein etwas dubioses Startup auf den Cayman Islands und an praktisch jeden verkauft, der $0.003 pro Datensatz zahlt.
Wenn du auf "Accept All" klickst, stimmst du dem Verkauf deiner Daten zu, wenn du auf "Reject All" klickst, verkaufen wir deine Daten sowieso, und wenn du auf "Customize" klickst, tun wir so, als könntest du etwas auswählen, aber wir verkaufen deine Daten trotzdem.
Jemand hat nach einem Cookie-Banner gefragt, also ist es hier.
    Perfekt.
  • Es wirkt nicht ganz perfekt, weil die Sicherheitslücken fehlen; als Witz gemeint, aber wenn man sich echte Projekte auf den Frontpages populärer Vibe-Coding-Plattformen anschaut, haben fast alle gravierende Sicherheitsmängel. Nicht so etwas Häufiges wie Clickjacking, sondern deutlich ernstere Sicherheitslücken.
  • Ich habe für pxehost per Vibe Coding eine Site gebaut: https://pxehost.com. Den Text habe ich größtenteils selbst geschrieben, aber Stil, Struktur und so weiter sind komplett Vibe Coding. Ich nutze den $20+-Plan von Codex CLI. Ich war überrascht, wie ähnlich das Ergebnis des ersten Versuchs schon der finalen Version war, aber ich habe trotzdem sehr viel angepasst und getestet.
    • Dafür, dass nur ein paar Stunden hineingeflossen sind, ist das wirklich ziemlich gut geworden und ein gutes Showcase für pxehost.
    • Es scheint zu sehr zu verbergen, dass die Software einen DHCP-Server betreibt. Wenn man das lokal einfach startet, kann das im Netzwerk großes Chaos verursachen, daher wäre ein Warnhinweis gut. Ich frage mich auch, wie Standard-Gateway oder DNS gesetzt werden.
    • Genau so eine Art von Vibe Coding ist das beste Beispiel dafür, wie man schnell eine saubere Splash-Page für ein Projekt hochziehen kann, statt für eine Website.
  • Es fühlt sich an, als wären LLMs in der Zeit zurückgereist und hätten lauter identische Websites aus dem Jahr 2013 gebaut.
    • Dieser Kommentar bringt mich auf einen Gedanken. Wahrscheinlich gibt es in den Trainingsdaten von LLMs sehr viel Material aus dem Jahr 2013. Andererseits frage ich mich, ob bei selbstfahrenden Autos die Trainingsdaten irgendwann auch mehr aus anderen selbstfahrenden Autos als aus echtem menschlichen Fahren bestehen werden.
    • Heutige Show-HN- oder 2025-HN-Batch-SaaS-Sites sehen auch alle gleich aus, und die Leute sagen oft: "Das Design ist schön", aber in Wahrheit ist es gar kein Design; sie benutzen einfach ein framer.com-Template oder sehen aus wie jedes andere SaaS-Starter-Dashboard. Ich habe nichts gegen Einheitlichkeit, aber ich könnte beim besten Willen nicht sagen, dass sich das von 2013 unterscheidet.
    • Es erinnert an genau die gleichen Templates, die alle Webentwickler benutzen, die zu faul sind, ihr Portfolio selbst zu gestalten.
    • Ganz ehrlich, ich verstehe nicht, warum Site-Betreiber nur den LLMs die Schuld geben; die LLMs wurden von Anfang an auf genau solchen gewöhnlichen Daten trainiert.
  • Diese sogenannten vibe-coded Sites sehen exakt aus wie Tech-Startup-Websites aus den 2010ern; ich glaube, ich verstehe, warum LLMs alles in diesem Stil erzeugen.
  • Wegen des hunter2-Witzes vermisse ich bash.org.
  • Ich frage mich, warum man überhaupt Coding-Skills brauchen sollte, um eine statische Broschüren-Website zu bauen.
    • Stimme zu, aber ich finde auch, dass man dafür nicht unbedingt KI braucht. Früher habe ich einfach Weebly benutzt, Text eingegeben, Bilder ausgewählt, und es war schnell fertig.
  • Es scheint, als hätten LLMs einen bestimmten Stil als Default. Ich habe einen "improvisational web server" gebaut, der je nach Root-Pfad unterschiedliche Sites erstellt, und selbst nach Hunderten von Generierungen sehen sie sich alle ziemlich ähnlich. Das ist wahrscheinlich ein erwartbares Ergebnis. Ich frage mich, ob Designer sich in Zukunft stärker um Differenzierung bemühen werden. https://github.com/jasonthorsness/ginprov https://ginprov.com
    • Ich habe das ausprobiert, und da drückt sich tatsächlich ein einzelner Stil sehr stark durch. Vorweg: Das ist wirklich ein tolles und unterhaltsames Werk! Wahrscheinlich sind System-Prompt oder Trainingsdaten stark auf Marketing-Sites ausgerichtet; deshalb kann es vielleicht keine Einstellungsseiten oder Canvas-Spiele bauen, aber dafür sehr gut eine Site, die erklärt, "wie man ein Canvas-Spiel baut". Mich würde interessieren, wie die Struktur aussieht, die aus den Pfad-Informationen den Prompt baut (ich habe mir den Code noch nicht angesehen).
  • Eine richtige Satire auf LLM-autovervollständigte Websites ist erst komplett, wenn auch mehrere Links kaputt und an den falschen Stellen sind.
    • About us: Da steht nur vages Gerede wie "Wir sind ein gewöhnliches Team, das Startups leidenschaftlich liebt und seine Kunden schätzt", aber es gibt keinen Firmennamen, keine Personennamen und keine Kontaktinformationen.
    • Volle Zustimmung. https://vibe-coded.lol/#broken-links