KI-Prompt für ein Product-Hunt-Galerie-Storyboard
KI-Prompt für Product-Hunt-Galeriebilder. Produkt und erster Schritt für Besucher beschreiben. Fünf Frames mit Bildunterschriften als Plan.
Agiere als Produktdesigner, der eine Product-Hunt-Galerie plant.
Ziel: Die Galerie für [PRODUKTNAME] in fünf Frames planen.
Kontext:
- Was Besucher zuerst verstehen sollen: [DIE AUFGABE AUF DEM SCREEN]
- Erster Schritt den ich will: [KLICK, EINFÜGEN, UPLOAD ODER ANMELDEN]
- Was ich heute wirklich zeigen kann: [LIVE-UI, MOCK ODER BEIDES]
- Material das ich habe: [SCREENSHOTS, LOOM ODER NICHTS]
- Wörter die drauf müssen: [PRODUKTNAME ODER KURZES UI-LABEL]
- Wörter die wegbleiben: [PREIS-KLEIN DRUCK, ODER LEER LASSEN]
Erfolgskriterien:
- Fünf Frames in fester Reihenfolge
- Frame 1 funktioniert als Cover in klein
- Jede Bildunterschrift maximal 80 Zeichen
- Der letzte Frame ist die Aufforderung
- Kein Frame erklärt das ganze Produkt
Anleitung:
1. Die Story der Galerie in einem Satz.
2. Für Frame 1 bis 5:
- Zweck
- Was auf dem Screen ist
- Text im Bild falls nötig (wenige Wörter)
- Bildunterschrift (maximal 80 Zeichen) mit Zählung
- Aufnahmehinweis: Bildausschnitt und Cursor. Private Daten verwischen.
3. Sagen, welcher Frame zuerst hochgeladen wird. Product Hunt nutzt ihn als Vorschau.
4. Zwei Dinge nennen, die ich vor der Aufnahme verbergen soll.
Ausgabeformat:
Abschnitte 1 bis 4 der Reihe nach. Die Nummern als Überschriften.
Stilregeln:
- Echte Aufgabe auf dem Screen zeigen.
- Keine UI erfinden, die ich nicht zeigen kann.
- Ist [LIVE-UI, MOCK ODER BEIDES] MOCK, jeden Frame als Mock kennzeichnen.
- Bildunterschriften und Bildtext in kurzen Sätzen und Alltagssprache.
- Keine Gedankenstriche. Punkt setzen.
- Nicht drei Dinge in einer Bildunterschrift.
- Gesprochene Verbindungen in Bildunterschriften. Eine mit Und oder Aber beginnen, wenn es passt.
- Kein Kontrastmuster, das erst das eine nennt und dann sagt, es sei nicht das andere.
- Jede Bildunterschrift streichen, die auf jedes andere Produkt passen würde.
So nutzt du den Prompt
- Den echten ersten Klick in [KLICK, EINFÜGEN, UPLOAD ODER ANMELDEN] eintragen. Die Galerie soll dorthin führen.
- Nur ein Screenshot da? Prompt trotzdem laufen lassen. Aufnahmehinweise als Liste für morgen nutzen.
- Frame 1 zuletzt aufnehmen, wenn der Bildausschnitt klar ist.
Tipps
- Product-Hunt-Vorschauen sind klein. Braucht Frame 1 einen Absatz zum Verstehen, ist der Crop falsch.
- Echte Postfächer und Kundennamen vor dem Upload verwischen.
Beispielausgabe
1. Story
Aus unordentlicher Notiz werden drei nächste Schritte zum Zuweisen.
2. Frames (Auszug)
Frame 1
Zweck: Cover
Auf dem Screen: Notizfeld links, drei Aktionszeilen rechts
Text im Bild: Notiz einfügen
Bildunterschrift: Meeting-Notiz einfügen. Drei nächste Schritte raus. (48)
Aufnahmehinweis: Eng zuschneiden. Browserleiste weg.
Frame 5
Zweck: Aufforderung
Auf dem Screen: dieselben drei Zeilen, eine mit Verantwortlichem
Bildunterschrift: Mit der Notiz von gestern testen. (36)
Aufnahmehinweis: Cursor auf der ersten Aktion lassen.
3. Zuerst hochladen
Frame 1
4. Vor der Aufnahme verbergen
Echte E-Mail-Adressen
Kundennamen in der Beispielnotiz