你會得到

  • 可直接使用的 HyperFrames 專案與渲染指令,產出 1080p、30 fps、7 秒的 MP4
  • 依你錄影中真實操作時間安排的勾選動畫
  • 四種配色,版面與時間完全相同
  • 內建的示意手機畫面,供草稿使用
  • 可選:PopNow 的步驟旁白、背景音樂與草稿畫面圖

適合

  • 應用程式教學與新手引導步驟
  • 創作者影片中的三步驟操作教學片段
  • 每個步驟都要明顯完成的短版產品示範

不適合

  • 超過四個步驟的內容
  • 長篇的畫面逐步導覽;媒體最長 6.8 秒
  • 無法放進手機外框的純桌面畫面

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「動態清單產品示範」(animated-checklist-demo)幫我做這件事:幫我們的新手引導做清單影片:「建立一本筆記本」在 1.2 秒、「加上標籤」在 2.9 秒、「邀請一位隊友」在 4.6 秒,畫面用 ./onboarding.mp4。

在程式 Agent 裡

/popnow-animated-checklist-demo 幫我們的新手引導做清單影片:「建立一本筆記本」在 1.2 秒、「加上標籤」在 2.9 秒、「邀請一位隊友」在 4.6 秒,畫面用 ./onboarding.mp4。

接著試試

也渲染炭黑搭配萊姆綠的風格,方便我比較。

每個步驟加一句簡短的旁白,先報價給我。

需要準備

  • 最多四個簡短的任務標籤
  • 畫面錄影或截圖,以及每個步驟發生的秒數
  • Node.js 22+ 與 FFmpeg;可選 PopNow API 金鑰

類似技能

查看全部 →

常見問題

勾號怎麼和我的畫面錄影同步?

每個任務都有一個以秒為單位的 at 值。把它設成你錄影中該動作發生的那一刻;勾號的筆畫與方框的填色就會從那一格開始。

可以用截圖代替錄影嗎?

可以。靜態圖也能用,但勾號只會呈現示範的時序,技能會明講這一點,而不會暗示是真實錄下的操作。

預設的手機畫面是什麼?

是套件內附的示意筆記應用程式畫面,因此草稿不需要任何素材就能渲染。正式示範請換成你自己產品的畫面。

可以加入旁白嗎?

可以。PopNow 可以為每個步驟配一句短旁白,放在各勾號之前,並在下方壓低一段輕柔的背景音樂。生成前你會先看到點數價格。