Von der UI-Animation zur nutzbaren Claude-Anweisung: Diese Punkte zählen zuerst
Ein ansprechend animiertes UI-Preview ist Inspiration, aber für ein eigenes Projekt braucht es mehr: den passenden Prompt, die Eingaben und das Rendering-Setup. Bevor man startet, lohnt ein Blick auf genau diese Grundlagen.
Eine ausgereifte Animationsvorschau ist eine nuetzliche Inspirationsquelle. Um daraus ein eigenes Projekt zu machen, benoetigt man zusaetzlich den Prompt, die Eingaben und das Rendering-Setup.
Unser Team pflegt eine visuelle Sammlung von Claude Opus 5.5 Beispielen. Ein Eintrag ist eine Loop-UI-Animation, die von @twoclipping geteilt wurde. Die angehaengte GIF ist ein Ausschnitt des Ergebnisses der Erstellerin oder des Erstellers, keine Reproduktion durch unser Team.
Der Prompt beginnt mit der Anfrage nach 8 bis 12 UI-Zustaenden, einer Schwarz-Weiss-Palette oder einer Akzentfarbe sowie einem lizenzfreien Track mit rund 120 BPM. Anschliessend beschreibt er eine durchlaufende Form, die zwischen diesen Zustaenden morpht, anstatt zwischen unzusammenhaengenden Screens zu schneiden.
Wenn du dieses Beispiel anpasst, lege diese Eingaben zuerst fest. Ein Button, Loader, Player, Slider und Chart sind ein Ausgangspunkt; ergaenze genuegend Zustaende, um den vom Prompt geforderten Umfang zu erreichen. Lies dann den vollstaendigen Prompt hinsichtlich der Produktionsvorgaben und liefere die restlichen Eingaben, bevor du den Agenten mit dem Rendern beauftragst.
Genau dieser Browsing-Workflow soll von der Bibliothek unterstuetzt werden: das Ergebnis inspizieren, den oeffentlichen Prompt lesen, das Setup pruefen und es anpassen. Die Sammlung umfasst sieben Kategorien, und wir ergaenzen staendig weitere Beispiele mit Links zu ihren urspruenglichen Erstellern.
Bibliothek: https://github.com/LeaddeOpenLab/awesome-opus-5-5-video-prompts Urspruengliches Beispiel und Prompt-Quelle: https://x.com/twoclipping/status/2103273003555402193
Wir haben nicht jeden Eintrag unabhaengig reproduziert. Welche Setup-Informationen vermissst du in der Regel, wenn du einen geteilten Creative-Coding-Prompt ausprobierst?
Offenlegung: Ich helfe bei der Pflege dieser Sammlung. Dieser Beitrag wurde mit KI-Unterstuetzung erstellt.
Automatisch übersetzt. Das Original auf Englisch ist unten aufklappbar.
Original (Englisch) anzeigen
A polished animation preview is useful inspiration. To turn it into your own project, you also need the prompt, the inputs, and the rendering setup.
Our team maintains a visual collection of Claude Opus 5.5 examples. One entry is a looping UI animation shared by @twoclipping. The attached GIF is an excerpt of the creator's result, not a reproduction by our team.
The prompt starts by asking for 8–12 UI states, a black-and-white palette or one accent color, and a royalty-free track around 120 BPM. It then describes a continuous shape that morphs between those states, rather than cutting between unrelated screens.
If you adapt this example, decide on those inputs first. A button, loader, player, slider, and chart are a starting point; add enough states to meet the prompt's requested range. Then read the full prompt for the production constraints and supply the remaining inputs before asking the agent to render it.
That is the browsing workflow we want the library to support: inspect the result, read the public prompt, check the setup, and adapt it. The collection spans seven categories, and we keep adding examples with links to their original creators.
Library: https://github.com/LeaddeOpenLab/awesome-opus-5-5-video-prompts Original example and prompt source: https://x.com/twoclipping/status/2103273003555402193
We have not independently reproduced every entry. What setup information do you usually find missing when trying a shared creative-coding prompt?
Disclosure: I help maintain this collection. This post was drafted with AI assistance.