指南
如何用 AI 製作登陸頁
簡短回答
在 Claude Code、Codex 或 Cursor 裡安裝登陸頁技能，或透過 PopNow 詢問，然後描述你的產品與受眾。Agent 可以先展示兩到三個設計稿方向，接著用乾淨的 HTML 與 CSS 建置自適應頁面，依你選的風格製作，並在桌機與手機上檢查；你確認價格後，還能加上 PopNow 的首屏圖、產品照或背景循環影片。
從想法到成品檔案，五個步驟
先連接一次 PopNow
把 PopNow 加到 Claude、ChatGPT 或其他支援 MCP 的應用程式，或在 Claude Code、Codex、Cursor 等程式 Agent 裡安裝技能。大約一分鐘就能完成。
說出你要的東西
用白話描述作品：用途是什麼、要多長或幾頁，以及必須包含哪些內容。
挑選風格
你的助理會列出符合的風格，每種都附預覽。挑一個，或直接點名你在這頁看到的風格。
確認價格
技能本身免費。它需要的圖片、影片、音樂或語音會先報價，你同意之前不會開始執行。
拿到完成的檔案
在程式 Agent 裡，技能會在你的電腦上建置並算繪檔案；在聊天應用程式裡，它會規劃作品並透過 PopNow 生成媒體。失敗的執行會自動退款。
試試這樣問
為我們的 AI 排程 App 做一個登陸頁，採用工作流程自動化風格，並加上候補名單表單。
挑選風格
以下每種風格都是免費技能。點開即可看範例，或直接在助理裡用名稱呼叫。
AI SaaS 登陸頁
+3溫暖的沙色紙張，細線軌道與斜線溝槽環繞一個可操作的看板，助手在上面規劃任務。
動態 Hero 主視覺區塊
+3登陸頁的首屏主視覺：標題裡有一個輕輕輪替的詞，搭配兩顆按鈕和寬幅圖片框。
Shader 首屏設計公司網站
+3首屏是即時的橘色熱流 Shader，底部固定一句宣言，搭配膠囊導覽列與錯落的個案研究格。
深色 SaaS 登陸頁
+3深色、動態豐富的軟體產品行銷網站，以單一獨立 HTML 檔交付。
編輯風 SaaS 網站
+3深藍的分割首屏，五行襯線標題旁是紀實照片，斜切色帶與一個鈷藍強調色。
玻璃擬態網站範本
+3近黑底片上的磨砂玻璃膠囊，巨大的襯線標題中有一個斜體字，外加電子郵件訂閱。
硬體產品網站
+3超大的細線型號名稱落在銀色攝影棚照片上，搭配磨砂規格卡、等比例的產品陣容與硬體 bento 版面。
互動網格首屏
+3近黑的細線網格，會朝游標彎曲，並在每次點擊時向外擴散一圈發光的環。
從 AI 樣稿做登陸頁
+3先看三套完整頁面的設計稿、挑一套，你的 Agent 就會把它做成乾淨、響應式的程式碼。
粒子動畫首屏
+3暖紙色底上的文案，旁邊是一顆轉動的墨色與青綠色點狀球體，會依每個概念變形，並在捲動時散開。
個人品牌網站
+3一張羽化進溫暖紙面的人像，上方是細線框，兩側是輕與重的宣言。
電影感產品上線頁
+3電影打光的近黑頁面：襯線標題卡漂浮在流動的光中，搭配信箱式夜景與預約表單。
SaaS 登陸頁範本
+3沉穩、明亮的軟體產品行銷網站，附可操作的產品主控台、定價與註冊。
工作流程自動化登陸頁
+3石墨色頁面，左側是小型的靠左標題，下方是即時的節點圖，會執行、重試並串流顯示日誌。
為什麼用 PopNow 來做
為這些風格量身打造
每個技能的提示詞、尺寸和模型選擇都是為 PopNow 寫的，第一次生成就能接近你選的風格。
成品媒體，不是零散檔案
圖片、影片、音樂、語音、音效、放大、去背，以及加上配樂、旁白和字幕的免費組合，都來自同一個 PopNow 帳號。
沒有意外帳單
每次執行都先顯示價格，確認後才開始；失敗的執行會自動退款。沒有訂閱制。
作品歸你使用
你做出來的東西可用於個人與商業用途，包括客戶專案，PopNow 也不會拿它來訓練模型。
常見問題
AI 能建置登陸頁嗎？
能。登陸頁技能會讓你的程式 Agent 根據經過測試的設計系統建置自適應頁面，在桌機和手機上檢查，然後把檔案交給你。
寫程式之前，我能先看設計嗎？
可以。先出設計稿的技能會以圖片展示兩到三個設計方向，只為你選定的那個寫程式。
程式碼歸我所有嗎？
是的。頁面是你專案裡的純 HTML 與 CSS，可以部署到任何地方，並像其他程式碼一樣編輯。
要花多少錢？
技能免費；PopNow 的首屏圖、產品照和背景短片會消耗點數，每次執行前都會先報價。