Homepage-Demos ohne Video: 10-Sekunden-Loops aus reinem HTML und CSS

Replacing homepage demo media with looping HTML and CSS

Homepage-Demos ohne Video: 10-Sekunden-Loops aus reinem HTML und CSS

Stepshots zeigt, wie sich Produktdemos auf Marketing-Seiten als scharfe, themenkonforme Loops in reinem HTML und CSS umsetzen lassen – ohne Video, GIF oder JavaScript. Drei Clips teilen sich ein Stylesheet von 3,3 KB gzipped. Dazu gibt es einen fertigen Prompt für Coding-Agenten, der die Mock-UI in 3 bis 4 Beats auf einer 10-Sekunden-Timeline baut, inklusive Cursor-Keyframes, Theme-Tokens und Unterstützung für reduzierte Bewegung.

Ein Clip ist eine vereinfachte Mock-UI und beweist daher weniger als das echte Produkt. Nutze ihn zum Erklären und eine Aufnahme zum Beweisen.
  1. docheinestages

    Ich empfehle dringend, das nicht zu tun. Wenn ich auf einer Homepage eine Mockup-Demo sehe, signalisiert mir das eines oder mehrere der folgenden Dinge:

    - Es gibt noch kein fertiges Produkt, nur eine potenziell spontan hingeworfene Idee

    - Die Macher sind unsicher oder nicht ehrlich darüber, was ihr Produkt leisten könnte, und täuschen es deshalb mit einer Demo vor

    - Es fehlt der Aufwand, echte Screenshots und Walkthroughs des Produkts zu erstellen

  2. camillomiller

    Ich liebe es absolut, wie LLMs unglaubliche Werkzeuge für diese Art von Anwendungen sind.

    Und doch ist mir jedes Mal, wenn ich das sehe, klar, wie die Labs dem Untergang geweiht sind.

    Das sind die Anwendungsfälle, die wir sehen, und wir haben irgendwie das Gefühl, sie seien den Hype wert.

    Aber letztendlich sind es alles überflüssige Zusätze, mit denen wir uns in der Vergangenheit nicht herumgeschlagen hätten, und es wäre trotzdem gut gegangen. Der Grund, warum wir so etwas nie gemacht haben, ist, dass das Kosten-Nutzen-Verhältnis nicht stimmte.

    Hier, denke ich, bricht das gesamte finanzielle Konstrukt auseinander.

    Denn in dem Moment, in dem die Kosten für diese Dinge wieder finanziell vergleichbar werden mit den mentalen/Ressourcen-Kosten, die wir brauchten, um es manuell zu programmieren (und es daher lieber sein zu lassen), werden wir einfach ... aufhören, es zu tun.

    Wenn wir es stattdessen weiterhin tun können, bedeutet das, dass die Kosten dafür so niedrig geblieben sind wie jetzt (oder durch offene Modelle auf null gesunken sind), und das wird das finanzielle Ende der Dienste bedeuten, die es den LLMs ermöglichen, dies zu tun.

    Es ist ein Catch-22 für Anthropic und OpenAI, und so oder so sind sie am Ende (finanziell gesehen, nochmal, denn ihre Produkte als Werkzeuge sind tatsächlich unglaublich. Aber sie schaffen nicht genug Wert).

    Das, und die Tatsache, dass andere wirklich wertschöpfende Durchbrüche, die die Billionen-Dollar-Wette rechtfertigen würden, die sie immer noch eingehen, nirgends zu finden sind, außer in den Weltuntergangsprognosen der KI-Psychotiker.

  3. paulhallett

    Das ist super cool, aber ich habe das Gefühl, ich könnte das einfach selbst mit einem LLM-Agenten bauen, also mache ich mir Sorgen über das Wertversprechen für Dienste, die dafür Geld verlangen wollen. Ich schätze, wofür man wirklich bezahlt, ist etwas Zeitersparnis und dass man nicht seine eigenen Token verbrennen muss, um es zu bauen?

Mehr von diesem Tag

2026-11-05