你會得到

  • 16:9、1:1、4:5 或 9:16 的 PNG 樣機,1080p、2K 或 4K,可透明或附背景
  • 手機展開、摺疊或兩者皆有的 60 fps MP4,可選加入鏡頭微擺
  • 可互動的工作室原始碼,以及它的單一離線 HTML 版本
  • 三種機身表面處理、十種內建背景,並支援影片背景
  • 可選:PopNow 的背景、背景循環與摺疊音效,先報價

適合

  • 以真實截圖製作應用程式商店、上線與社群圖片
  • 給短影音、更新紀錄或登陸頁用的裝置短片
  • 同時在大螢幕與小螢幕上展示響應式網頁應用

不適合

  • 特定真實手機型號的樣機
  • 虛構尚不存在的介面
  • 含標題與旁白的完整上線影片

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「手機樣機產生器」(phone-mockup-generator)幫我做這件事:把 ./shots/dashboard.png 放到手機上,展開狀態,銀色機身,暖色背景,給我 16:9 與 4:5 的 PNG。

在程式 Agent 裡

/popnow-phone-mockup-generator 把 ./shots/dashboard.png 放到手機上,展開狀態,銀色機身,暖色背景,給我 16:9 與 4:5 的 PNG。

接著試試

再做一段 6 秒的短片,展示它開合,並加上柔和的鉸鏈咔嗒聲。先報價音效。

用行動版截圖 ./shots/today.png 放到小螢幕上,做一版摺疊狀態的 9:16。

需要準備

  • 用於大螢幕的橫向截圖或錄影(約 1.42:1)
  • 可選:用於小螢幕的直向檔案
  • Node 22 與 Chrome,用於無頭模式匯出
  • 可選:為自訂背景、循環或音效準備的 PopNow API 金鑰

類似技能

查看全部 →

常見問題

這是真實的手機型號嗎?

不是。手機是由程式繪製的通用摺疊機,因此不帶任何製造商的設計或標誌。這能讓你的圖片不會侵犯他人的商標。

需要安裝什麼嗎?

Node 22 與 Google Chrome(或 Chromium、Edge)。腳本不使用任何 npm 套件:它們在本機提供工作室,並驅動瀏覽器匯出 PNG 與 MP4 檔案。

螢幕可以播放影片嗎?

可以。兩個螢幕都能接受 MP4、WebM 或 MOV,也能接受圖片。匯出時,錄影會逐格推進,因此與摺疊動作保持同步。

PopNow 會加入什麼?

工作室無法繪製的東西:為你的產品生成的背景、五秒的動態背景,以及短片的音效。每一項都是選用的,並會在執行前以點數報價。