
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 深海軍藍分割式 Hero,搭配襯線標題與紀實照片,點播放鍵即開啟審稿室並播放一輪核准流程
- 版面多變的首頁區塊:工作流程分頁、版本比對滑桿、功能 Bento、附統計數據的客戶故事、手機審核、資安、定價與 FAQ
- 客戶故事、定價、更新日誌、登入、試用、預約展示與法律等內頁,共用同一套攝影風格,收在一個離線檔案中
適合
- 為工作室與品牌團隊打造的創意軟體,例如審稿、核准、素材或製作工具,想要以影像為主的雜誌風外觀
- 需要具定價、更新日誌與可用試用及預約表單的完整發表網站,而不只是一頁登陸頁的團隊
- 讓工作經過需求、審稿、核准與交付等階段的產品,頁面可以一步步展示
不適合
- 想要深色網站或深色模式的品牌:頁面是淺色的,只有三段刻意安排的深海軍藍區塊
- 沒有視覺或文件工作流程可展示的產品:包含影格、標記點與核准的審稿室是整個頁面的核心
- 真實的帳號、計費或預約:登入、試用、預約展示與 email 表單只會在頁面上驗證並顯示確認
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page風格鎖定成果可編輯圖像主導深藍編輯風襯線Studio SaaS
關於此 Skill

雜誌風創意工作室 SaaS 為創意製作軟體打造以影像為主的行銷網站,讓產品本身說故事。內斂的深海軍藍 Hero、襯線標題、單一鈷藍強調色與斜切的區塊邊緣定下基調,一個包含影格、標記點、留言與核准的審稿室貫穿整個頁面。範例是 Prismade,一款由名為 Oddfield 的工作室使用的虛構製作工作空間。

你會得到
- 分割式 Hero,點播放鍵會開啟審稿室,播放一輪完整的核准流程並提供 Replay
- 構圖多變的首頁區塊:工作流程分頁、附釘選註記的版本比對、功能 Bento、具數字遞增統計的海軍藍客戶故事帶、手機審核、推薦、資安、具計費週期切換與席次增減的定價,以及 FAQ
- 內頁:客戶故事、定價詳情、更新日誌、登入、試用註冊、具時段選擇器的預約展示、隱私權、服務條款與找不到頁面
- 產品、故事與人像共用同一套攝影風格,和字型一起內嵌在單一檔案中,任何瀏覽器都能開啟並離線使用

使用方式
- 提供產品名稱、受眾、一句話承諾、真實功能與佐證、方案,以及唯一的主要 CTA。
- 你的 Agent 會把工作流程階段對應到你的產品,規劃並生成照片,再用你的文案建置每個區塊與頁面。
- 開啟檔案,播放審稿室,點遍每個分頁與表單,再用白話提出修改。

照片來自你的 Agent 圖像工具(可能產生該工具的使用費用),或來自你自己的圖庫。你沒有提供的佐證會標示為暫代文案,供你之後替換。
開始前需要準備什麼
- 你需要提供
- 產品名稱、受眾、一句話承諾與主要 CTA · 真實功能、工作流程階段、方案與價格 · 客戶佐證與你自己的照片(選填;缺少的佐證會標示為暫代內容)
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 需具備圖像工具,用於生成活動、團隊與人像照片(若自行提供照片則可省略)
- 外部費用
- Agent 會用它自己的圖像工具生成網站照片,可能產生該工具的使用費用。你也可以改用自己的照片。除此之外不使用任何付費服務。
- 最近實測
- v1.0.6 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…









