Das bekommst du
- PNG-Mockups in 16:9, 1:1, 4:5 oder 9:16 in 1080p, 2K oder 4K, transparent oder auf einem Hintergrund
- Eine 60-fps-MP4, in der sich das Handy entfaltet, faltet oder beides, mit optionalem Kamera-Schwung
- Der interaktive Studioquelltext und ein einzelner Offline-HTML-Build davon
- Drei Gehäusefarben, zehn mitgelieferte Hintergründe und Unterstützung für Video-Hintergründe
- Optional PopNow-Hintergrund, Hintergrundschleife und Faltgeräusch, vorher angeboten
Gut für
- App-Store-, Launch- und Social-Bilder aus echten Screenshots
- Ein kurzer Geräteclip für ein Reel, Changelog oder eine Landingpage
- Eine responsive Web-App gleichzeitig auf einem großen und einem kleinen Bildschirm zeigen
Nicht für
- Mockups eines bestimmten echten Gerätemodells
- Eine Oberfläche erfinden, die es noch nicht gibt
- Vollständige Launch-Filme mit Titeln und Erzählung
So nutzt du ihn
In Claude oder ChatGPT
Nutze den PopNow-Skill „Handy-Mockup-Generator“ (phone-mockup-generator) dafür: Leg ./shots/dashboard.png auf das Handy, aufgeklappt, silbernes Finish, warmer Hintergrund, und gib mir 16:9- und 4:5-PNGs.
In einem Coding-Agent
/popnow-phone-mockup-generator Leg ./shots/dashboard.png auf das Handy, aufgeklappt, silbernes Finish, warmer Hintergrund, und gib mir 16:9- und 4:5-PNGs.
Dann probier
Jetzt ein 6-Sekunden-Clip, wie es sich öffnet und schließt, mit einem weichen Scharnierklick. Nenn mir vorher den Preis für den Ton.
Nimm die mobile Aufnahme ./shots/today.png für das kleine Display und mach eine geschlossene 9:16-Version.
Das solltest du bereithalten
- Ein Querformat-Screenshot oder eine Aufnahme für das große Display (etwa 1,42:1)
- Optional eine Hochformatdatei für das kleine Display
- Node 22 und Chrome für Exporte ohne Oberfläche
- Optional: einen PopNow-API-Schlüssel für einen eigenen Hintergrund, eine Schleife oder einen Ton
Ähnliche Skills
Alle ansehen →Schwarz-Weiß-Studioporträt
+3Mach aus einem Alltagsfoto ein ruhiges Schwarz-Weiß-Studioporträt, das trotzdem nach dir aussieht.
Illustrations-Set für Blogbeiträge
+3Drei passende Illustrationen zu einem Artikel, jede zeigt genau das, was ihre Passage sagt.
Markenkit- und DESIGN.md-Generator
+3Markenkit aus einem kurzen Briefing: geprüfte Palette, offene Schriften, SVG-Logo, Mockups und eine DESIGN.md.
Schnittbild-Poster: Aufbau eines Autos
+3Seitenansicht eines generischen Autos mit farbigen Systemen, nummerierten Markierungen und Lupenfenstern.
Kreidetafel-Infografik-Generator
+316:9-Infografik im Kreidetafel-Stil mit exakt gesetztem kurzem Text, Kreidezeichnungen und klarem Lesepfad.
Filmische Storyboard-Bilder
+3Drei Storyboard-Kontaktbögen für eine Szene, jeder ein anderer Dreh-Ansatz, Anschluss geprüft.
Set mit konsistenter Concept Art
+3Eine Figur, ein Requisit und eine Umgebung, die eindeutig zur selben erfundenen Welt gehören.
Niedliche Buntstift-Doodles
+3Liebenswert ungeschickte Buntstift-Figuren auf Weiß: wacklige Linien, Kritzelflächen, scharfe Dateien.
Redaktionelle Linienillustration
+3Luftige Tuschelinien mit einer Akzentfarbe für Blog-Header, Newsletter und Social Cards.
Stichstil-Illustration als Artikel-Titelbild
+3Eine surreale Tusche-Gravur pro Essay: kreuzschraffiert, randlos, die große Idee als eine einzige Szene.
Explosionszeichnung einer E-Auto-Plattform
+3Ein E-Auto Schicht für Schicht auseinandergezogen: Batterie, Motoren, Kabine und Karosserie, mit Hinweisen.
Explosionsposter für Produkte
+3Explosionsbild eines Produkts als Hero, mit exakten Teilbeschriftungen aus deiner Spezifikationstabelle.
Fantasy-Karten-Generator
+3Pergament-, Atlas- oder Schwarzlinien-Karten deiner Welt, jeder Name richtig gesetzt, Raster passgenau.
Regionale Geschmackskarte für Lebensmittel
+3Eine ruhige gemalte Regionalkarte, in jeder Region ein kleines Geschmacksdiagramm auf einer gemeinsamen Skala.
Illustrierte Stadtkarte
+3Handgezeichnete Karte eines Viertels oder einer Stadt, dort korrekt, wo es zählt, und exakt beschriftet.
Tuschskizzen-Storyboard
+3Eine grobe Tusche-Storyboard-Seite aus einer kurzen Geschichte: offene Linien, weißer Raum, ein Beat pro Feld.
Strichzeichnungs-OG-Bild-Generator
+3Ruhige Link-Vorschaubilder: cremeweiße Karte, kurze schwarze Überschrift und eine handgezeichnete Tuschefigur.
Meeresbiologie-Forschungsposter
+3Breites Forschungsposter um einen gemalten Lebensraum-Querschnitt, mit nummerierten Arten und Befunddiagramm.
Fotokomposition-Studien
+3Drei fotografische Fassungen desselben Motivs, jede auf einem anderen Kompositionsprinzip aufgebaut.
Sketchnote-Bildgenerator
+3Handgezeichnete 4:3-Sketchnote aus einem Artikel oder Notizen, mit exakten, geprüften Beschriftungen.
Social-Cover- und Thumbnail-Generator
+3Eine Botschaft rein, ein geprüftes Set aus OG-Bildern, Post-Covers und Thumbnails raus, jede Größe exakt.
Fragen
Ist das ein echtes Handymodell?
Nein. Das Handy ist ein generisches Falthandy, das Code zeichnet, es trägt also kein Gerätedesign und kein Logo eines Herstellers. So bleiben deine Bilder frei von fremden Marken.
Muss ich etwas installieren?
Node 22 und Google Chrome (oder Chromium oder Edge). Die Skripte nutzen keine npm-Pakete: Sie stellen das Studio lokal bereit und steuern den Browser für PNG- und MP4-Dateien.
Können die Bildschirme Video zeigen?
Ja. Beide Displays nehmen MP4, WebM oder MOV ebenso wie Bilder. Beim Export wird die Aufnahme Bild für Bild weitergeschaltet, sodass sie synchron zum Falten bleibt.
Was fügt PopNow hinzu?
Dinge, die das Studio nicht zeichnen kann: einen Hintergrund für dein Produkt, eine fünf Sekunden lange bewegte Hintergrundfläche und Ton für den Clip. Jedes ist optional und wird vor dem Lauf in Credits angeboten.