Wie unsere vibe-codierte Website aussieht, als hätte ein Designer sie gemacht
How our vibe coded website looks like a designer made it
Yakko Majuri zeigt am Beispiel der Railcode-Website, wie Coding-Agents ihm als Nicht-Designer zu einem durchdachten Look verhelfen. Sein Prozess: Inspiration sammeln, den Agenten viele Varianten in unterschiedlicher Intensität generieren lassen, früh mit einem einzigen HTML-File forken und in Playgrounds mit Farben experimentieren. So entstand eine verspielte Achterbahn-Ästhetik – inklusive Rollercoaster-Tycoon-Referenz und einem Footer aus Erde.
Ich war vorher hilflos, aber jetzt kann ich eine kreative Vision tatsächlich Wirklichkeit werden lassen.
- fiatpandas
OP, du hast aus Versehen den Designprozess erfunden, den sie an der Designschule lehren. Du darfst dich jetzt offiziell Designer nennen.
1) Hab ein übergeordnetes funktionales Ziel
2) Lass dich inspirieren und denk dir ein Motiv aus
3) Geh innerhalb dieses Motivs in die Breite und erkunde
4) Verenge dich auf eine einzige Richtung und iteriere
5) Feile an den Details, bis du kreativ zufrieden bist und das Design deine Ziele aus Schritt 1 erfüllt.
- ananmays
Ein Designer hat es tatsächlich gemacht! Der Prozess, den du durchlaufen hast, heißt Design!
- jjcm
Es sieht so aus, als wären viele ihrer frühen Versuche frühe GPT-Outputs oder Claude-Design-Outputs, die alle denselben Beigeschmack haben. Die Leute unterschätzen, wie gut Image->HTML-Flows heutzutage sind.
Ich habe Gemini diese Webseite als Prompts beschreiben lassen und sie dann in eine Image->Code-Pipeline gegeben. Beachte, dass das mit 0 Input von mir ist:
https://html.non.io/railcode-animated
Das ist mit Opus 5.5, das es mit geringem Aufwand aufbaut, und ja, die Spezifikation wurde bereits von der Originalseite erstellt, aber 0->1, das nicht in lila Farbverläufen oder Claude-Braun endet, ist jetzt durchaus möglich.
- quicklywilliam
Bester Tipp hier: Wenn du Details wie Farben und Schriften anpasst, bitte Claude einfach, dir Wegwerf-Picker-Tools direkt in die Seite zu bauen.
Das ist im Nachhinein völlig offensichtlich, aber ich bin nie darauf gekommen (wahrscheinlich wegen 25 Jahren, in denen ich über Tools als wiederverwendbare Komponenten nachgedacht habe).
Danke fürs Schreiben!
- chmod775
Antwort: Weil ein Mensch es in einem iterativen Prozess entworfen hat. Die LLMs haben nur den Code geschrieben.