
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 一組相互連結的套件:首頁、附結帳流程的定價頁、登入與註冊、可操作的產品、管理後台、更新日誌、聯絡、隱私權、服務條款與找不到頁面,共用同一個故事與同一份狀態
- 琥珀手帳拼貼風格:極簡置中的 Hero 搭配一段琥珀色漸層文字與貼紙方塊,接著是膠帶照片、手寫筆記、米色 Bento 網格、路線圖看板與瀑布流使用者評價
- 淺色與深色模式皆可操作的互動:即時解析的任務輸入、消耗點數的規劃動作、計費週期切換、管理後台的搜尋、排序與篩選,以及指令選單
適合
- 想要溫暖、手作感發表網站,而非制式企業漸層頁面的 SaaS、生產力工具與獨立軟體團隊
- 需要把行銷網站、定價、產品與管理後台做成一個有說服力的示範,用於發表或早期驗證的創辦人
- 具備清楚核心流程(收集、整理、產出結果),能在產品畫面中實際展示的產品
不適合
- 正式的企業或受監管品牌:貼紙、紙膠帶與手寫筆記刻意營造俏皮的調性
- 需要真實帳號、付款或資料的線上應用:登入、結帳與電子郵件都是誠實標示的頁面內模擬
- 沒有軟體產品的業務,例如咖啡廳或作品集:這套套件是圍繞產品、定價與管理後台打造的
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page風格鎖定成果可編輯琥珀剪貼簿奶油色 Bento傾斜 UI 拼貼手寫註解活潑編輯風
關於此 Skill

Amber 手帳拼貼產品套件會把 SaaS 產品的每個介面打造成一組相互連結的畫面:行銷首頁、定價、登入、實際產品、管理後台與輔助頁面。行銷頁以米色紙張、紙膠帶、拍立得與手寫筆記營造手作拼貼感,產品與管理畫面則保持沉穩精準。範例是 Dayfold,一款虛構的 AI 每日規劃工具。

你會得到
- 完整套件:首頁、附結帳抽屜的定價頁、登入與註冊、產品、管理後台、更新日誌、聯絡、隱私權、服務條款與找不到頁面
- 首頁從極簡 Hero 開始,接著是品牌字標跑馬燈、搭配傾斜卡片與膠帶照片的功能分欄、米色 Bento 網格、客戶故事、產品路線圖看板、瀑布流使用者評價、FAQ,以及便條紙風格的結尾
- 產品畫面支援自然語言新增任務,以及會消耗點數的規劃動作;管理後台則有統計數據、圖表與可搜尋的使用者表格
- 共享狀態:註冊或購買方案後,帳號選單、點數、定價徽章與管理後台表格都會同步更新
- 淺色與深色主題、指令選單,以及可在任何瀏覽器開啟、離線也能使用的單一獨立檔案

使用方式
- 提供你的產品名稱、一句話的承諾、8 到 10 個功能(標出 3 個主打功能)、定價架構與幾個路線圖項目。
- 你的 Agent 會把產品核心流程對應到你的領域、規劃並生成照片,再用你的文案建構每個畫面。
- 開啟檔案,在淺色與深色模式下逐頁點閱,再針對文案、方案或區塊提出修改需求。

若 Agent 有生圖工具,照片會由該工具產生,可能產生使用費用。需求中沒提到的內容會先以佔位文案呈現,Agent 會列出清單供你確認。
開始前需要準備什麼
- 你需要提供
- 產品名稱、一句話的承諾與目標受眾 · 8 到 10 個功能(標出 3 個主打功能),以及你的定價架構 · 路線圖項目、一則客戶故事,以及任何真實引言或照片(選填)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內建的生圖工具用於產生照片(選用;沒有的話可自行提供照片或使用標示清楚的佔位圖)
- 外部費用
- 若 Agent 有生圖工具,照片會由該工具產生,可能產生該工具的使用費用。若沒有,Agent 會向你索取照片,或附上標示清楚的佔位圖。除此之外不會使用任何付費服務。
- 最近實測
- v1.0.9 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…








