iPhone Duo モックアップv1.0.0
この Skill でできること：ブランド SNS 動画作成。
5.02 ダウンロード1 いいね0 件の保存
$4.99
この Skill を購入すると何が手に入りますか？あなたのアプリ、サイト、動画を、ブラウザで開閉できるリアルな 3D iPhone Duo に載せます。エージェントが内側の大画面と外側の小画面にそれぞれ画像や動画を配置し、角度・フレーム・背景を整えて、透過 PNG か、1080p・2K・4K の 60 fps 折りたたみアニメーション MP4 を書き出します。モックアップスタジオの完全な HTML ソースも付属し、自分のツールやページに作り替えられます。
2026年10月20日 に更新
プレビューギャラリー
類似の Skill
すべての Skill を見る
手に入るもの
- ブラウザで開閉できるリアルな 3D iPhone Duo。内側の大画面と外側の小画面に、あなたの画像や動画を表示します。
- 任意のポーズの透過 PNG と、60 fps の折りたたみ MP4（開く・閉じる・両方）。1080p、2K、4K、フレームは 16:9、1:1、4:5、9:16。
- モックアップスタジオの完全な HTML ソースとソースマップ。エージェントが自分のモックアップツールや製品ページ、ローンチ動画に作り替えられます。
向いている人
- ローンチ投稿や App Store、README で、新しい画面や機能を iPhone Duo に載せて見せたいアプリ・Web 開発者。
- 内側と外側の画面を分けた折りたたみモックアップ、透過背景、短いモーションが必要なデザイナー。
- X、LinkedIn、Reels、ランディングページ向けに手早く製品クリップを作りたい創業者やマーケター。
向いていない人
- ほかのスマートフォン、タブレット、ノート PC のモックアップ。このスタジオは iPhone Duo 専用です。
- 操作できるプロトタイプ。画面に表示されるのは画像や動画で、クリックはできません。
- 手や部屋が写るライフスタイル写真風のモックアップ。端末はシンプルな背景に浮かびます。
SNS コンテンツ・キャンペーンプロダクトローンチ・アプリグロースブランド SNS 動画作成Create Product Mockup編集可能な出力3d Device Mockup
こんな用途にプロモーション動画
この Skill について
iPhone Duo モックアップ
アプリ、サイト、動画をリアルな 3D iPhone Duo（Apple の折りたたみ iPhone）に載せる Skill です。ドラッグで折りたたみ、クリックで開閉。ヒンジが回るにつれて画面がぼけ、スライドし、ピントが合っていきます。透過 PNG や折りたたみ MP4 を書き出せるほか、ソース一式から自分のツールも作れます。
使い方
- 画面を用意：内側の大画面用にスクリーンショットか画面録画を渡します。外側の小画面用にもう 1 つ渡すこともできます。
- 見た目を選ぶ：フレーム（16:9、1:1、4:5、9:16）、角度、背景（透過、単色、風景やグラデーションの写真、自分の画像）、サイズ（1080p、2K、4K）。
- スタジオが開く：設定済みのスタジオがブラウザで開きます。調整や新しいファイルのドロップをして、PNG か動画を押せば書き出せます。
- ファイルだけ欲しいとき：書き出しを頼めば、エージェントがヘッドレスでレンダリングし、確認してから渡します。
2 つの画面
| 画面 | 比率 | 推奨サイズ |
|---|---|---|
| 大画面（内側） | 横長 約 1.42 : 1 | 2048 x 1440 |
| 小画面（カバー） | 縦長 約 0.69 : 1 | 1032 x 1500 |
画像も動画も使えます。「塗りつぶし」は画面に合わせてトリミング（位置スライダーで残す部分を選択）、「全体を表示」は全体を残して周囲を色で埋めます。
得られるもの
- 任意のポーズの透過 PNG。
- 60 fps の折りたたみ MP4：開く、閉じる、開いて閉じる。2〜12 秒、カメラの揺れも選べます。
- スタジオの完全なソース（HTML 1 ファイルと素材）とソースマップ。エージェントが自社の製品ページやモックアップツールに作り替えられます。
動作環境
Node.js 18 以上と、WebGL 2 対応のデスクトップブラウザ。ヘッドレス書き出しには playwright-core と Google Chrome または Playwright Chromium も必要です。API キー不要、ファイルはアップロードされません。
3D モデルとデモのホーム画面のアプリアイコンは Apple のもので、権利は Apple に帰属します。
始める前に必要なもの
- 用意するもの
- 内側の大画面用のスクリーンショットか画面録画（横長、約 2048 x 1440）。 · 任意：外側の小画面用ファイル（縦長、約 1032 x 1500）、背景、フレーム、角度、サイズ、PNG・MP4・両方のどれが欲しいか。
- 依存関係
- Node.js 18 以上（必須） · WebGL 2 対応のモダンなデスクトップブラウザ（必須） · playwright-core と Google Chrome または Playwright Chromium（任意、ヘッドレス書き出し用）
- 外部コスト
- 追加費用はありません。スタジオはブラウザ内で動作し、API キーも有料サービスも不要です。
- 最終検証
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
ユーザーレビュー
レビューを読み込み中…