Skillry 嚴選
Cadence 行銷登陸頁v1.0.3
使用這個 Skill：建置 Landing Page。
熱門
5.0181 次下載5 個喜歡6 次收藏
免費
打造一個深色、動態豐富的 SaaS 行銷網站，講述一條連貫的產品故事：炭灰底色、單一青色重點色、由灰轉白的漸層標題，以及隨捲動逐漸立起、真實可信的產品畫面。動態功能卡片、捲動驅動的工作流程、附人物照的客戶聚焦、整合與資安、分級定價和 FAQ，一路引導到隨捲動開蓋的筆電樣機，另含更新日誌、客戶故事、登入和法律頁面。最後交付一個獨立檔案，任何瀏覽器都能開啟，離線也能使用。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 完整的深色行銷網站：產品 Hero、動態功能卡片、捲動驅動的工作流程、客戶聚焦、整合與資安、附計費切換的定價、FAQ 和註冊區塊
- 可實際運作的內頁：具篩選與搜尋的更新日誌、客戶故事、登入和法律頁面，以及具驗證與成功狀態的表單
- 內建在頁面中並依你的產品重新配色的產品畫面、Geist 字型和生成的客戶人物照，全部內嵌在一個離線檔案中
適合
- 正在推出 SaaS 或開發者工具、希望第一天就有一個看起來像拿到融資的深色頁面的創辦人
- 需要一個含定價、佐證、FAQ 和更新日誌、可直接用於行銷活動的完整發表網站的產品行銷人員
- 沒有精美截圖的團隊：每個產品畫面都內建在頁面中，並依你的產品配色
不適合
- 想要明亮、輕盈風格的品牌：Cadence 只有深色版
- 真正的註冊或計費：表單會在頁面上驗證並確認，但不會送出任何資料
- 部落格、文件入口或其他以內容為主的網站：這是附少量輔助頁面的產品行銷網站，不是 CMS
新品上市與 App 成長網頁設計與數位體驗建置 Landing Page風格鎖定轉換導向青色點綴漸層字體炭灰暗色CSS 裝置樣機捲動動效
關於此 Skill
Cadence 行銷登陸頁打造一個深色 SaaS 行銷網站，讓產品本身成為 Hero 主視覺。炭灰底色、單一青色重點色和由灰轉白的漸層標題，從第一屏到註冊串起一條連貫的故事，背後還有更新日誌、客戶故事、登入和法律頁面。範例是 Loopwright，一個虛構的客戶回饋平台。
你會得到什麼
- 一氣呵成的首頁：Hero 產品卡片、品牌字標跑馬燈、動態功能卡片、捲動驅動的工作流程舞台、附人物照的客戶聚焦、整合與資安、定價、FAQ，以及筆電隨捲動開蓋的註冊區塊
- 輔助頁面：可篩選的更新日誌、附三個具名數據的客戶故事、登入和法律頁面
- 內建在頁面中、並依你的產品重新配色的產品畫面，讓一個主打需求貫穿整個故事
- 可實際操作的計費切換、比較表、FAQ、Tab、行動版選單，以及具驗證與成功狀態的表單
- Geist 與 Geist Mono 字型和生成的人物照，全部內嵌在一個檔案中，任何瀏覽器都能開啟，離線也能使用
如何使用
- 提供產品名稱、產品用途、主要的客戶工作流程和大致定價；簡單筆記就夠了。
- 你的 Agent 會把功能卡片和工作流程對應到你的產品，生成人物照，並填好每個區塊和頁面。
- 在瀏覽器中開啟檔案，逐一點過每個頁面和表單，再用平常的話提出文案或區塊的修改需求。
若你的 Agent 有生圖工具，人物照會由它產生，可能會產生該工具的使用費用。需求說明中沒提到的內容會變成佔位文案，Agent 會列出來讓你確認。
開始前需要準備什麼
- 你需要提供
- 產品名稱、產品用途，以及一個以成果為先的標題構想 · 4 到 5 項功能、主要工作流程步驟和大致的定價方案 · 你能如實宣稱的客戶評語、故事數據、整合與資安事實（選填；缺少的部分會變成列出的佔位內容）
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 內建的生圖工具，用於客戶人物照和故事照片（選填；沒有的話頁面會保留姓名縮寫頭像）
- 外部費用
- 若你的 Agent 有生圖工具，客戶人物照和故事照片會由它產生，可能會產生該工具的使用費用。沒有的話，頁面會保留姓名縮寫頭像，Agent 會列出需要照片的位置。除此之外不會使用任何付費服務。
- 最近實測
- v1.0.3 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…