iPhone Duo Mockupv1.0.0
Nutze diesen Skill für: Social-Brand-Video erstellen.
5.02 Downloads1 Likes0-mal gemerkt
$4.99
Was bekomme ich, wenn ich diesen Skill kaufe?Bring deine App, Website oder dein Video auf ein echtes 3D-iPhone-Duo, das sich im Browser auf- und zuklappen lässt. Dein Agent legt deine Bilder oder Videos auf den großen inneren und den kleinen äußeren Bildschirm, stellt Winkel, Format und Hintergrund ein und exportiert ein transparentes PNG oder ein 60-fps-MP4 der Faltanimation in 1080p, 2K oder 4K. Dazu bekommst du den kompletten HTML-Quellcode des Mockup-Studios, um daraus dein eigenes Tool oder deine eigene Seite zu machen.
Am häufigsten gewählt von
Aktualisiert am 20. Okt. 2026
Vorschaugalerie
Ähnliche Skills
Alle Skills ansehen
Das bekommst du
- Ein echtes 3D-iPhone-Duo, das sich im Browser auf- und zuklappen lässt, mit deinem Bild oder Video auf dem großen inneren und dem kleinen äußeren Bildschirm.
- Ein transparentes PNG jeder Pose und ein 60-fps-MP4 der Faltung (auf, zu oder beides) in 1080p, 2K oder 4K, im Format 16:9, 1:1, 4:5 oder 9:16.
- Der komplette HTML-Quellcode des Mockup-Studios mit Code-Übersicht, damit dein Agent daraus dein eigenes Mockup-Tool, deine Produktseite oder deine Launch-Animation machen kann.
Passt gut für
- App- und Webentwickler, die einen neuen Screen oder ein neues Feature für einen Launch-Post, den App Store oder eine README auf dem iPhone Duo zeigen wollen.
- Designer, die Foldable-Mockups mit getrenntem Innen- und Außenbildschirm, transparentem Hintergrund oder einem kurzen Motion-Clip brauchen.
- Gründer und Marketer, die schnell einen Produktclip für X, LinkedIn, Reels oder eine Landingpage erstellen.
Nicht geeignet für
- Mockups anderer Telefone, Tablets oder Laptops; das Studio bildet nur das iPhone Duo ab.
- Interaktive Prototypen; die Bildschirme zeigen Bilder oder Videos, keine klickbaren Apps.
- Fotomockups mit Händen oder Räumen; das Telefon schwebt vor einem klaren Hintergrund.
Social-Media-Content & KampagnenProduktlaunch & App-WachstumSocial-Brand-Video erstellenCreate Product MockupBearbeitbares Ergebnis3d Device Mockup
Geeignet fürPromo-Videos
Über diesen Skill
iPhone Duo Mockup
Ein Skill, der deine App, Website oder dein Video auf ein echtes 3D-iPhone-Duo bringt, das faltbare iPhone. Ziehe das Telefon zum Falten, klicke zum Öffnen oder Schließen und sieh zu, wie die Bildschirme beim Drehen des Scharniers unscharf werden, gleiten und wieder scharf werden. Exportiere ein transparentes PNG oder ein MP4 der Faltung oder baue mit dem vollständigen Quellcode dein eigenes Tool.
So funktioniert es
- Deine Bildschirme: Gib deinem Agenten einen Screenshot oder eine Bildschirmaufnahme für den großen inneren Bildschirm und auf Wunsch eine zweite für den kleinen äußeren.
- Dein Look: Format (16:9, 1:1, 4:5 oder 9:16), Winkel, Hintergrund (transparent, eine Farbe, ein Landschafts- oder Verlaufsfoto oder dein eigenes Bild) und Größe (1080p, 2K oder 4K).
- Das Studio öffnet sich: Dein Agent öffnet es mit allem vorgeladen im Browser. Ändere, was du willst, ziehe neue Dateien hinein und klicke auf PNG oder Video.
- Nur Dateien: Bitte um die Exporte, und dein Agent rendert sie ohne Oberfläche und prüft sie vor der Übergabe.
Die zwei Bildschirme
| Bildschirm | Format | Ideale Größe |
|---|---|---|
| Groß (innen) | quer, etwa 1,42 : 1 | 2048 x 1440 |
| Klein (außen) | hoch, etwa 0,69 : 1 | 1032 x 1500 |
Bilder und Videos funktionieren. Füllen schneidet auf den Bildschirm zu (die Positionsregler bestimmen den Ausschnitt), Ganz zeigen zeigt alles mit einer Randfarbe.
Das bekommst du
- Ein transparentes PNG jeder Pose.
- Ein 60-fps-MP4 der Faltung: auf, zu oder auf und zu, 2 bis 12 Sekunden, optional mit Kameraschwenk.
- Den kompletten Studio-Quellcode (eine HTML-Datei plus Assets) und eine Code-Übersicht, damit dein Agent daraus deine Produktseite oder dein Mockup-Tool machen kann.
Voraussetzungen
Node.js 18 oder neuer und ein Desktop-Browser mit WebGL 2. Exporte ohne Oberfläche brauchen zusätzlich playwright-core mit Google Chrome oder Playwright Chromium. Kein API-Schlüssel, nichts wird hochgeladen.
Das 3D-Modell des Telefons und die App-Symbole auf dem Demo-Homescreen stammen von Apple und bleiben Eigentum von Apple.
Was du vorab brauchst
- Du bringst mit
- Ein Screenshot oder eine Bildschirmaufnahme für den großen inneren Bildschirm (quer, etwa 2048 x 1440). · Optional: eine Datei für den kleinen äußeren Bildschirm (hochkant, etwa 1032 x 1500), Hintergrund, Format, Winkel, Größe und ob du PNG, MP4 oder beides möchtest.
- Abhängigkeiten
- Node.js 18 oder neuer — erforderlich · Ein moderner Desktop-Browser mit WebGL 2 — erforderlich · playwright-core mit Google Chrome oder Playwright Chromium — optional, für Exporte ohne Oberfläche
- Externe Kosten
- Keine Zusatzkosten: Das Studio läuft in deinem Browser, ohne API-Schlüssel und ohne kostenpflichtigen Dienst.
- Zuletzt getestet
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
Nutzerbewertungen
Bewertungen werden geladen …