Skillry 嚴選
Quartz SaaS 登陸頁v1.0.4
使用這個 Skill：建置網頁。
人氣上升
5.032 次下載1 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？一個完整的 AI SaaS 行銷網站，採用沉靜的單色風格，只點綴一抹克制的藍。置中、沉穩的 Hero 位於雙層外框的產品 Dashboard 之上，接著是會動的功能示意畫面、步驟 Tab、客戶故事、使用者評價跑馬燈、安全性、附比較表的方案價格、FAQ，以及位於巨大字標頁尾上方的深色註冊橫幅。另附註冊、登入、預約示範、更新日誌、客戶故事、信任中心與法律頁面，支援淺色與深色主題。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 完整的 AI SaaS 網站：首頁加上註冊、登入、預約示範、更新日誌、客戶故事、信任中心、隱私權、服務條款與 404 頁，支援淺色與深色主題
- 以程式碼建立、會動的示意畫面：Hero Dashboard 中只播放一次的核准動畫、對話重播、頻道切換、整合服務跑馬燈與點狀地球
- Onest 與 Geist Mono 字型、控制項專用的單一藍色、膠囊導覽列與巨大字標頁尾，全部收在一個可離線開啟的檔案中
適合
- 推出 AI 或 SaaS 產品、需要一個具備試用、示範或候補名單路徑且值得信賴網站的創辦人與獨立開發者
- 想要現代單色新創風格、但沒有設計團隊的產品行銷人員
- 能把自家名詞對應到 Dashboard、切換面板與步驟的開發者工具與排程 App
不適合
- 真正的身分驗證或計費：註冊、登入與示範表單只會在頁面上驗證並顯示確認
- 想要大膽繽紛風格的品牌；Quartz 是單色調，只有控制項使用一種藍色
- 沒有產品介面可展示的代理商、商店或場館；這個頁面圍繞產品 UI 打造
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page風格鎖定成果可編輯淺色優先Bento 樣機巨型字標頁尾單色極簡膠囊導覽
關於此 Skill
描述你的 AI 產品，就能得到一個完成的行銷網站：沉穩的置中標題下方是雙層外框的產品 Dashboard、真的會動的功能示意畫面、客戶故事、附比較表的方案價格，以及深色註冊橫幅。註冊、登入、預約示範、更新日誌與信任頁面都已串連，全部收在一個可在任何瀏覽器離線開啟的檔案中。
你會得到
- 脈動網格 Hero，Dashboard 中有一個安靜的狀態變化，另有翻轉的 Logo 列與搭配動態示意畫面的功能 Bento
- 八格功能網格、從需求簡報到發布的步驟 Tab、含數字跳動的客戶故事，以及附暫停控制的使用者評價跑馬燈
- 安全性區塊、可切換月付或年付並附比較表的方案價格、FAQ，以及附驗證的註冊橫幅
- 註冊、登入、預約示範、可篩選的更新日誌、客戶故事、信任中心、法律與 404 頁面，並支援淺色與深色主題
- Onest 與 Geist Mono 字型及所有圖片皆已內嵌，頁面不發出任何網路請求
使用方式
- 提供產品名稱、一句話承諾、四項主打功能、方案價格架構，以及主要行動目標：試用、示範或候補名單。
- 它會把每個面板改成你產品的名詞，草擬缺少的文案，並列出來請你確認。
- 以淺色與深色模式開啟檔案，試用每個表單與路由，再用白話提出修改需求。
照片來自 Agent 的生圖工具，該工具可能另有使用費用。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句話承諾，以及主要行動目標（試用、示範或候補名單） · 四項主打功能、三到五個步驟的工作流程，以及方案價格架構 · 選填：你能確認的客戶故事、使用者評價、安全性資訊與更新日誌條目
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 中可用於頭像、客戶故事人像與產品靜態圖的生圖工具；若自行提供則為選用
- 外部費用
- 你沒有提供的照片會用你的 Agent 自己的圖像工具生成，可能產生該工具的使用費用。產品 UI 以程式碼打造，完成的頁面不發出任何網路請求。檢視範例不需任何費用。
- 最近實測
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…