你會得到

  • 兩到三張風格不同的完整頁面樣稿,取自十種風格的圖庫
  • 選定的設計,做成靜態頁面或你專案中的元件,附真實文案
  • 重新繪製、尺寸正確的首屏與區塊圖片,匯出為響應式 WebP
  • 桌機與手機截圖、與樣稿的並排對照,以及品質報告
  • 針對機器生成習慣的檢查報告,並已套用修正

適合

  • 新創、應用程式與產品的登陸頁
  • 需要獨特外觀的上線頁與候補名單頁
  • 重新設計一個看起來像通用範本的頁面

不適合

  • 依既有設計檔做到像素級精確的建置
  • 有應用程式邏輯或 CMS 的多頁網站
  • 電子郵件範本

怎麼用

在 Claude 或 ChatGPT 裡

用 PopNow 的技能「從 AI 樣稿做登陸頁」(landing-page-from-mockup)幫我做這件事:為 Lumen Notes 做登陸頁,這是一款純文字筆記應用,打字時會推薦相關筆記。單一裝置免費,Pro 每月 $6。目前還沒有推薦語。

在程式 Agent 裡

/popnow-landing-page-from-mockup 為 Lumen Notes 做登陸頁,這是一款純文字筆記應用,打字時會推薦相關筆記。單一裝置免費,Pro 每月 $6。目前還沒有推薦語。

接著試試

首屏取樣稿 B 的,定價表取樣稿 A 的。

在我們 Astro 專案的 site/ 底下建置,並再跑一次審查。

需要準備

  • 產品名稱、受眾與標題承諾
  • 三到四項功能,每項一個具體細節,以及方案與價格
  • 你能站得住腳的證明(真實的評語、數字或事實)
  • PopNow API 金鑰;若品牌已有定義,再加上你的 DESIGN.md

類似技能

查看全部 →

常見問題

為什麼要先做樣稿再寫程式?

在看起來已經完成的頁面之間做選擇,比用文字描述風格更快、也更誠實。它還能給建置一個具體的目標,讓截圖比對可以精確指出程式哪裡偏離了。

PopNow 會生成什麼?要花多少?

樣稿(每張約 30 到 35 點),以及你若需要的話,乾淨的首屏與區塊圖片(每張約 35 到 75 點)。一次完整執行約 275 點;只做一張樣稿的輕量模式約 35 點。每次生成都會先報價,你同意後才會執行。

需要安裝什麼?

Node 與 Python 3,外加本機的 Chrome、Chromium 或 Edge 用於截圖。若你的專案已有 Playwright,就會使用它。沒有其他相依套件。

頁面會包含樣稿圖片中的文字嗎?

不會。樣稿是圖片,其小字可能會被弄亂。標題、功能、價格與 FAQ 都來自你的需求;任何 Agent 必須自行撰寫的內容,都會列出來請你確認。