繽紛行銷登陸頁v1.0.4
使用這個 Skill：建置 Landing Page。
人氣上升
5.032 次下載0 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？為 SaaS 產品打造活潑的行銷網站：瓷白頁面以點狀格線面板框住，單一翡翠綠強調色，傾斜的貼紙卡片圍繞著沉穩的置中 Hero。接著是可點擊的產品視窗、動態 Bento、可篩選的範本庫、點狀世界地圖、附計費切換的價格、照片使用者評價、含文章頁的部落格與 FAQ，另有更新日誌、註冊、登入、聯絡與法務頁面。你會得到一個內嵌字體與照片的獨立檔案。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 為團隊文化 App Beanhop 打造的完整範例網站：登陸頁加上文章頁、更新日誌、註冊、登入、聯絡、隱私權、條款，以及設計過的 404。
- 可點擊的產品視窗、具搜尋與篩選的儀式庫、附團隊人數估算的計費切換、經驗證的表單與彩紙爆發效果，全部改成你的產品名稱。
- 你的網站是一個內嵌 Bricolage Grotesque、Figtree 與 Gochi Hand 的離線檔案，另附 Agent 據以建置的風格規則、圖片規劃與檢查清單。
適合
- 想要有溫度、有個性的上線或候補名單頁面，而非企業式光鮮外表的創辦人與獨立開發者。
- 以人、慶祝與動能為故事核心的團隊、社群或習慣養成 App。
- 也需要內頁的小團隊：更新日誌、註冊、部落格文章與法務頁。
不適合
- 深色、玻璃質感或極簡風的品牌；這個風格刻意明亮活潑，沒有深色主題。
- 需要 CMS 的網站：部落格文章與更新日誌存放在頁面自己的資料中，而非編輯器。
- 真實註冊或付款：表單會驗證並在頁面上確認，但在你接上後端之前不會送出任何內容。
新品上市與 App 成長網頁設計與數位體驗建置 Landing Page風格鎖定成果可編輯點狀網格翡翠綠點綴粉彩童趣柔和陰影貼紙卡片
關於此 Skill
描述你的產品，就能得到一個活潑的行銷網站：瓷白頁面由點狀格線面板串起，單一翡翠綠強調色，加上傾斜的貼紙卡片，讓整體像是手工排列。範例是 Beanhop，一款把讚美、生日與團隊儀式匯集成單一動態的虛構遠端團隊 App。
你會得到
- 登陸頁包含沉穩的 Hero、三欄功能、產品視窗、動態 Bento、儀式庫、世界地圖、價格、使用者評價、部落格、FAQ 與電子郵件訂閱
- 可運作的內頁：部落格文章、具篩選與搜尋的更新日誌、註冊、登入、聯絡、隱私權、條款，以及設計過的 404
- 以程式繪製的產品視窗與圖表，並改成你產品自己的人物與物件名稱
- 內嵌三種字體與少量照片，檔案可在任何瀏覽器離線開啟
使用方式
- 分享你的產品名稱、功能、方案，以及任何使用者評價或文章點子；粗略筆記就夠了。
- 你的 Agent 會填滿每個區塊與頁面，在真實公司網站會用照片的地方加上照片，並在電腦與手機上檢查成果。
- 開啟這個單一檔案、點過各頁，再用白話提出修改。
用 Agent 圖像工具製作的照片可能產生該工具的使用費用；若沒有圖像工具，頁面會保留尺寸正確的空位給你自己的照片。
開始前需要準備什麼
- 你需要提供
- 產品名稱、受眾與一句話價值主張 · 主要功能、附價格的方案層級，以及一個可瀏覽的集合（範本、食譜或整合服務） · 選填：使用者評價、客戶故事、文章點子與你自己的照片
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 內的圖像生成工具，用於人像與文章封面（選用；沒有的話由你提供照片）
- 外部費用
- 使用者評價人像、客戶故事照片與文章封面會在可用時由 Agent 自己的圖像工具生成，可能產生該工具的使用費用。若沒有圖像工具，Agent 會向你索取照片並保留尺寸正確的空位。
- 最近實測
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…