Skillry 嚴選
Orbit 新創登陸頁v1.0.4
使用這個 Skill：建置 Landing Page。
人氣上升
5.033 次下載0 個喜歡0 次收藏
$4.99
購買這個 Skill 可以得到什麼？打造一個有鮮明個性的新創登陸頁：溫暖的米白頁面上，橘金色光束穿過 Hero，在帶框的即時產品 Dashboard 上迸出火花；導覽列會收合成浮動膠囊，頁尾以巨大字標收尾。另有分層 Bento 卡片（含動態請求流程與旋轉地球）、設定導覽、客戶故事、方案價格、FAQ，以及註冊、示範、搶先體驗、更新日誌與法律條款等配套頁面，支援淺色與深色主題，全部收在一個獨立檔案中。
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 一個完整的範例網站，主角是虛構 AI 排程助理 Solvine：登陸頁加上註冊、登入、示範、搶先體驗、更新日誌、隱私權、服務條款與 404 頁。
- 使用你產品用語的即時產品 UI：含數字跳動的 Hero Dashboard、可重播的請求流程、收件匣、旋轉地球、洞察圖表、設定 Tab 與方案切換開關。
- 整個網站就是一個離線檔案，內嵌 Instrument Sans 與 Geist Mono，具備淺色與深色主題、編輯風格照片，以及 Agent 依循的風格規則。
適合
- 正在推出新產品或候補名單、希望動態效果在募資簡報或發表貼文中有亮眼展示的創辦人。
- 能以產品介面說故事的生產力、排程或開發者工具。
- 需要同一風格的方案價格、更新日誌、註冊與法律頁面的小型團隊。
不適合
- 需要 CMS 或部落格的網站；它建立的是一個登陸頁加上幾個配套頁面。
- 必須沿用自家設計系統的品牌；溫暖中性色、墨色按鈕與光束正是這個產品的核心。
- 真正的註冊或付款：表單會在頁面上驗證並顯示確認，但在你串接服務前不會送出到任何地方。
新品上市與 App 成長網頁設計與數位體驗建置 Landing Page風格鎖定成果可編輯光束動效Bento 網格俐落中性雙主題
關於此 Skill
描述你的產品，就能得到一個有個性的新創登陸頁：溫暖的橘金色光束穿過 Hero，在帶框的產品 Dashboard 上迸出火花；導覽列會收合成浮動膠囊，頁尾則以巨大字體寫上你的名稱作結。範例是 Solvine，一款為忙碌團隊打造的虛構 AI 排程助理。
你會得到
- 一個登陸頁，包含 Hero、客戶 Logo、功能 Bento、設定導覽、重點故事、客戶故事、使用者推薦、安全性、方案價格、FAQ，以及試用或候補名單 CTA
- 註冊、登入、示範、搶先體驗、更新日誌、隱私權與服務條款等配套頁面，另附精心設計的 404 頁
- 以程式碼繪製並改成你產品名稱的產品介面：Dashboard、請求流程、收件匣、地球與洞察圖表
- 淺色與深色主題、編輯風格照片與內嵌字型，全部收在一個可離線開啟的檔案中
使用方式
- 提供產品名稱、用途、四項功能與方案內容；粗略筆記就夠了。
- 你的 Agent 會把每個面板改成你產品的用語、加上照片，並在桌機與手機上檢查兩種主題。
- 開啟這個單一檔案，逐頁點閱，再用白話提出修改需求。
使用 Agent 的生圖工具製作照片，可能會產生該工具的使用費用；沒有生圖工具時，會改用設計好的面板與姓名縮寫頭像。
開始前需要準備什麼
- 你需要提供
- 產品名稱、用途與目標對象，以及它承諾的唯一成果 · 四項功能、三個設定步驟，以及兩到四個附實際限制的方案 · 選填：FAQ 答案、客戶引言、故事數據，以及你有權使用的照片
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 中可用於編輯風格照片與人像的生圖工具（選用；沒有時改用設計好的面板）
- 外部費用
- 編輯風格照片與人像會使用 Agent 自己的生圖工具生成，可能產生該工具的使用費用。沒有生圖工具時，會改用設計好的面板與姓名縮寫頭像。
- 最近實測
- v1.0.4 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…