Prompt für eine Skeleton-Loading-Animation in GPT Image 2.6

Ein GIF in Schleife, in dem eine Kartenliste lädt: Graue Skeleton-Platzhalter schimmern von links nach rechts, dann blenden echte Karten ein.

Eine Animation in Schleife, in der eine Kartenliste lädt: Graue Skeleton-Platzhalter schimmern von links nach rechts, dann blenden echte Karten mit Avataren und Text ein. Klare, helle Oberfläche.

Funktioniert mit

GPT Image 2.6

Aus der Sammlung

Prompts für GPT Image 2.6

Über diesen Prompt

Auf Skeleton-Screens einigt man sich leichter, wenn man sie in Bewegung sieht. Der Prompt zeigt eine ladende Kartenliste: Graue Platzhalter schimmern von links nach rechts, dann blenden echte Karten mit Avataren und Text ein, in einer klaren hellen Oberfläche. Als GIF zeigt er einem Team, wie sich das Laden anfühlen soll, bevor es jemand umsetzt.

Beschreibe die Karten, die deine Liste wirklich hat: Ein Produktraster braucht einen Bildblock und eine Preiszeile, ein Feed einen Avatar, zwei Textzeilen und ein Bild. Sag, wie viele Platzhalter erscheinen, drei oder vier reichen meist, und ob der Screen mobil oder Desktop ist, was der Prompt offenlässt.

Das Skeleton sollte das finale Layout spiegeln, also generiere den geladenen Zustand zuerst als Standbild und häng es als Referenzbild für die Animation an. Wenn es ans Bauen geht, bitte Codex um den Schimmer als CSS-Animation mit denselben Formen.

Weitere Prompts aus dieser Sammlung

• Prompt für eine Schalter-Animation in GPT Image 2.6Ein GIF in Schleife, in dem ein Schalter in den Einstellungen auf „An“ wechselt: Der Knopf gleitet nach rechts, die Spur wird grün, das Label wechselt.
• Prompt für eine Pull-to-Refresh-Animation in GPT Image 2.6Ein GIF in Schleife mit Pull-to-Refresh in einem mobilen Feed: Die Liste wird gezogen, ein Ladekreisel dreht sich und neue Einträge gleiten oben herein.
• Prompt für ein Restyling nach Referenzbild in GPT Image 2.6Gestalte deinen aktuellen App-Screen mit Farben, Typografie und Eckenradius eines Referenzbilds neu, während Layout und Text gleich bleiben.
• Markup-Edit-Prompt für einen einzelnen Button in GPT Image 2.6Kreise einen Button auf einem transparenten Overlay ein und ändere nur ihn zu einem primären Button in Dunkelgrün mit dem Label „Weiter“.
• Markup-Edit-Prompt für den Austausch eines Bereichs in GPT Image 2.6Kreise einen Bereich deines Designs ein und ersetze nur ihn durch eine Karte mit Kundenzitat, im Stil der Seite und mit unverändertem Rest.
• GPT Image 2.6 Mockup zu HTML: Prompt für CodexWandle ein GPT Image 2.6 Mockup in Codex in eine eigenständige HTML-Datei um, mit Layout, Abständen, Farben und Text des Bildes und Icons als Inline-SVG.