UI-Animation mit fließenden Formwechseln
Eine Form wird zu Button, Ladeanzeige, Player, Regler und Diagramm. Schwarz-Weiß und federnde Bewegungen verbinden die Zustände zu einer Schleife.
Referenz-Prompt
Ein redaktionell bearbeiteter Referenz-Prompt zum Beispiel, den du an dein Thema anpassen kannst. Der Originalbeitrag ist im Quellenbereich verlinkt.
“Entwirf eine UI-Animation, in der sich eine einzige Form kontinuierlich verwandelt. Lasse nacheinander einen Button, einen Ladezustand, einen Musikplayer, einen Schieberegler und Diagramme erscheinen. Verwende eine zurückhaltende Schwarz-Weiß-Palette und federnde Bewegungen. Plane zunächst jeden Zustand und jeden Takt und programmiere dann eine Animation, die sich an jeder Stelle der Zeitleiste aufrufen lässt und deren Ende natürlich in den Anfang übergeht.”
Das kreative Ergebnis
Ein Community-Beispiel als kreative Inspiration.
Beschreibe das Ergebnis. PagePop übernimmt die Komplexität.
Du musst weder Modellsyntax noch Parameter oder Produktionstools kennen.
Automatische Modellauswahl
PagePop wählt die passenden Modelle und Werkzeuge für das gewünschte Ergebnis.
Nur hilfreiche Rückfragen
Fehlende Details werden zu einfachen Fragen statt zu einem Prompt, den du neu schreiben musst.
Ein fertiges Ergebnis
Du erhältst ein nutzbares Kreativprodukt und nicht nur eine Anleitung.
Beginne mit deinen eigenen Worten
Nutze dieses echte Beispiel als Ausgangspunkt, ändere es frei und überlasse PagePop den besten Produktionsweg.
Weitere echte Prompt-Beispiele
“Erstelle mit Remotion und GSAP ein kompaktes Labor für Bewegungsdesign. Mache Abstand, Typografie, Beschleunigung, Bewegungsunschärfe, vorbereitende Bewegung und Nachschwingen einstellbar. Steuere alle Zustände über den…”
“Kombiniere Three.js und SVG zu einer spielerischen 3D-Animation. Vier unterschiedlich gekleidete Pelikane fahren gemeinsam auf einem Fahrrad über einem schwebenden Sportwagen. Stimme Tretbewegungen und Balance aufeinand…”
“Das Referenzvideo ist ein Modellvergleich mit ausdrücklich gekennzeichneten Ergebnissen von Sonnet 5.5 und Opus 5.5. Erstelle für eine eigene Variante eine Murmelmusikmaschine in einer HTML-Datei mit Three.js. Berechne…”