大画面（内側）
横長、約 1.42 : 1
2048 × 1440
端末を開いたときに表示。折りたたみアニメーションでは左半分にカードがスライドインし、右半分はくっきり残るので、重要な内容は右側に。
iPhone Duo モックアップジェネレーター
スクリーンショットや画面録画を本物の 3D iPhone Duo に。折りたたみ、角度と背景を決めて、透過 PNG か折りたたみアニメーション MP4 を書き出し。無料、ブラウザだけで完結。
- 無料
- 画像 + 動画
- PNG + MP4、最大 4K
- Skill を入手
使い方
スクリーンショットから折りたたみ動画まで 4 ステップ
登録もアップロードも不要。スタジオはすべてブラウザ内で動くので、未公開の画面がパソコンから出ることはありません。
- 01
画面を追加
横長の画像や動画を内側の大画面に、縦長のものを外側の小画面にドロップ。カバーに大画面と同じ内容を映すこともできます。
- 02
端末を折りたたむ
端末を横にドラッグ、クリック、またはスライダーで。ヒンジが回るにつれて画面がぼけ、スライドし、実機のようにピントが合います。
- 03
シーンを整える
16:9、1:1、4:5、9:16 のフレームを選び、端末を回転・傾けて、透過・単色・グラデーション・写真の背景を選びます。
- 04
書き出し
任意のポーズの透過 PNG、または開く・閉じる・両方の 60 fps MP4 を 1080p、2K、4K でダウンロード。
動きで見る
このスタジオで作った折りたたみの動き
3D ソフトのレンダーではなく実際の書き出し：skillry.dev と Skillry のデモホーム画面が、3 つの SNS 用フォーマットで開いて閉じます。
- 9:16 · 6 秒
- 1:1 · 6 秒
- 4:5 · 6 秒
エージェント SKILL
モックアップは AI エージェントに任せる
同じスタジオが Claude Code や Codex などで使える Skill にもなっています。スクリーンショットを渡せば、エージェントが設定済みのスタジオを開くか、PNG と MP4 を書き出します。完全な HTML ソースも付いてくるので、自分のツールに作り替えられます。
- 1
Skill をインストール
プロンプト 1 つでエージェントにインストール。
- 2
画面を渡す
画面ごとにスクリーンショットか画面録画を 1 つ、あとは希望の見た目を伝えるだけ。
- 3
ファイルを受け取る
透過 PNG、折りたたみ MP4、または調整済みのスタジオ。
対応Claude CodeCodexCursorGitHub CopilotOpenCode
あなた
アプリのスクリーンショットを iPhone Duo に載せて、開いていく 9:16 の MP4 を作って。Agent
できました。スクリーンショットを内側の画面に、カバーにも同じ内容を表示し、背景はブルーグローです。
iPhone Duo モックアップ
1080 × 1920 · 6 秒 · 60 fps
MP4 · PNG
Pro に含まれます。API キーは不要です。
画面サイズ
2 つの画面、2 つの比率
iPhone Duo の内側は横長、カバーは縦長の画面です。このサイズで書き出せばぴったり。違うサイズでもワンクリックでトリミングか全体表示にできます。
小画面（カバー）
縦長、約 0.69 : 1
1032 × 1500
端末を閉じたときと、回転していく途中に表示。右上にカメラがあるので少し余白を。
背景
落ち着いた上質な背景
まずは透過背景できれいな PNG に。砂丘、海、霧の山並み、雲、柔らかな光のグラデーション、スタジオ背景も選べ、自分の画像も使えます。
砂丘
ターコイズの海
霧の山並み
雲海
高原の湖
ウォームグロー
ブルーグロー
グリーングロー
サンドのスタジオ
グレーのスタジオ
機能
静止画だけのモックアップではありません
本物の 3D 折りたたみ端末
ヒンジが動く精細な 3D モデル。金属フレームとガラスを製品写真のようにライティング。ドラッグ、クリック、スライダーで好きな角度に。
画像と動画
PNG、JPG、WebP、AVIF、GIF、または MP4、WebM、MOV の画面録画を、どちらの画面でもループ再生。
内側とカバーの画面を個別に
各画面にそれぞれのファイル。塗りつぶし／全体表示、位置スライダー、余白の色を選べ、比率が合わないときは警告します。
透過 PNG
どんなポーズも透過背景で書き出し。スライド、App Store 画像、ランディングページにそのまま使えます。
折りたたみアニメーション MP4
開く・閉じる・両方を 60 fps でフレーム単位に正確な動画に。2〜12 秒、カメラの揺れも選べます。
プライバシーを重視した設計
すべて WebGL でローカルに描画。アップロードもアカウントも透かしも制限もありません。
こんな用途に
iPhone Duo モックアップが活きる場面
アプリのローンチ
新しい折りたたみレイアウトを X、LinkedIn、Product Hunt のローンチ投稿で紹介。
App Store とランディングページ
開いた姿と閉じた姿の両方を見せるヒーロー画像や短いループ。
Reels と Shorts
数秒でスクロールを止める 9:16 の縦型折りたたみクリップ。
ピッチ資料と事例紹介
どんなスライド背景にもなじむ透過 PNG。
デザインレビュー
作り込む前に、内側とカバーの画面でどう見えるかを確認。
よくある質問
iPhone Duo モックアップのよくある質問
この iPhone Duo モックアップジェネレーターは無料ですか？
はい。登録不要、透かしなし、書き出し回数の制限もありません。すべてブラウザ内で動きます。
iPhone Duo のスクリーンショットはどのサイズにすればいいですか？
内側の大画面は横長で約 1.42 : 1、2048 × 1440 がぴったりです。外側の小画面は縦長で約 0.69 : 1、1032 × 1500 を使ってください。ほかのサイズでも、「塗りつぶし」で画面に合わせてトリミング、「全体を表示」で全体を表示できます。
iPhone Duo モックアップに動画を入れられますか？
はい。MP4、WebM、MOV の画面録画はどちらの画面でもミュートでループ再生され、書き出した MP4 でも折りたたみと同期します。
透過背景のモックアップを書き出せますか？
はい。市松模様の背景を選べば完全に透過した PNG をダウンロードできます。動画は透過できないため、白か選んだ色・写真の背景で描画されます。
書き出せる動画の形式とサイズは？
MP4（H.264、60 fps）、1080p・2K・4K、フレームは 16:9、1:1、4:5、9:16。MP4 エンコードに対応しないブラウザでは WebM になります。
スクリーンショットはどこかにアップロードされますか？
いいえ。スタジオは WebGL であなたの端末上で描画し、ファイルがブラウザの外に出ることはありません。
これは Apple の公式製品ですか？
いいえ。Skillry は独立したサイトで、Apple とは関係ありません。3D モデルは Apple のもので、権利は Apple に帰属します。iPhone は Apple Inc. の商標です。
AI エージェントと一緒に使えますか？
はい。Pro に含まれる iPhone Duo モックアップ Skill を使えば、Claude Code、Codex、Cursor などのエージェントがあなたの画面でスタジオを開いたり、PNG と MP4 を書き出したりできます。完全なソースも付属します。
ローンチの残りは Skillry で
ローンチ動画、スライド、サイト、画像のためのエージェント Skill。iPhone Duo モックアップと組み合わせて一式そろえましょう。
