
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 一台可以在瀏覽器裡摺疊、展開的真實 3D iPhone Duo,內側大螢幕和外側小螢幕都換成你自己的圖片或影片。
- 任意姿態的透明背景 PNG,以及 60 fps 摺疊動畫 MP4(展開、闔上或兩者皆有),支援 1080p、2K、4K,畫幅可選 16:9、1:1、4:5、9:16。
- 樣機工作室的完整 HTML 原始碼和原始碼地圖,Agent 可以把它改成你自己的樣機工具、產品頁或發表動畫。
適合
- App 和網站開發者:想在發表貼文、App Store 頁面或 README 裡,把新介面、新功能放到 iPhone Duo 上展示。
- 設計師:需要內外螢幕分開、透明背景或短動態的摺疊手機樣機。
- 創辦人和行銷人員:要快速做一支產品短片發到 X、LinkedIn、Reels 或到達頁。
不適合
- 其他手機、平板或筆電的樣機;這個工作室只有 iPhone Duo。
- 可互動原型;螢幕顯示的是圖片或影片,不能點擊。
- 帶人手、場景的生活風格實拍樣機;手機懸浮在乾淨的背景上。
社群內容與社群行銷新品上市與 App 成長製作品牌社群影片Create Product Mockup成果可編輯3d Device Mockup
適合做宣傳影片
關於此 Skill

iPhone Duo 樣機
一個 Skill,把你的 App、網站或影片放進真實的 3D iPhone Duo(Apple 摺疊手機)。拖動手機即可摺疊,點一下即可打開或闔上;鉸鏈轉動時,螢幕內容會模糊、滑動,再逐漸對焦。可以匯出透明 PNG 或摺疊動畫 MP4,也可以拿完整原始碼做成你自己的工具。
使用流程
- 準備螢幕內容:給 Agent 一張截圖或一段螢幕錄影放進內側大螢幕,需要的話再給一份放進外側小螢幕。
- 選擇樣式:畫幅(16:9、1:1、4:5、9:16)、角度、背景(透明、純色、風景或漸層照片,或你自己的圖片)和尺寸(1080p、2K、4K)。
- 打開工作室:Agent 會在你的瀏覽器裡打開預先設定好的工作室。你可以繼續調整、拖入新檔案,再按 PNG 或影片匯出。
- 只要成品檔案:直接要匯出檔案也可以,Agent 會在背景無介面算繪,檢查無誤後交給你。
兩塊螢幕
| 螢幕 | 比例 | 建議尺寸 |
|---|---|---|
| 大螢幕(內螢幕) | 橫版,約 1.42 : 1 | 2048 x 1440 |
| 小螢幕(外螢幕) | 直版,約 0.69 : 1 | 1032 x 1500 |
圖片和影片都支援。「填滿」會裁切到螢幕比例(用位置滑桿選擇保留哪部分),「完整顯示」會保留全部畫面並用顏色填滿四周。
你會得到
- 任意姿態的透明背景 PNG。
- 60 fps 摺疊動畫 MP4:展開、闔上或展開再闔上,2 到 12 秒,可選鏡頭輕擺。
- 工作室完整原始碼(一個 HTML 檔加素材)和原始碼地圖,方便 Agent 改造成你自己的產品頁或樣機工具。
執行需求
Node.js 18 以上,以及支援 WebGL 2 的桌面瀏覽器。無介面匯出另需 playwright-core 和 Google Chrome 或 Playwright Chromium。不需要 API Key,檔案不會上傳。
3D 手機模型和範例主畫面上的 App 圖示來自 Apple,版權歸 Apple 所有。
開始前需要準備什麼
- 你需要提供
- 一張放進內側大螢幕的截圖或螢幕錄影(橫版,約 2048 x 1440)。 · 選填:外側小螢幕的檔案(直版,約 1032 x 1500),以及背景、畫幅、角度、尺寸,和你要 PNG、MP4 還是兩者都要。
- 相依項目
- Node.js 18 以上:必需 · 支援 WebGL 2 的現代桌面瀏覽器:必需 · playwright-core 搭配 Google Chrome 或 Playwright Chromium:選用,用於無介面匯出
- 外部費用
- 沒有額外費用:工作室在你的瀏覽器本機執行,不需要 API Key,也沒有付費服務。
- 最近實測
- v1.0.0 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…







