
效果預覽
相似的 Skills
查看所有 Skills你將獲得
- 一個可離線使用的獨立頁面:產品 Hero、文字內嵌圖片的價值主張、交錯排列的功能區塊、信任卡片、空間情境輪播、FAQ、文章,以及帶品牌字標的深色頁尾。
- 可操作的預購抽屜(外觀配色、單顆或立體聲組合、電子郵件驗證、確認畫面),以及可在原頁開啟的文章、政策與聯絡面板,支援淺色與深色主題。
- 如有需要,可提供含產品、規格、定價、關於、聯絡與部落格頁面的多頁版本,並附上圍繞你的產品重新生成每張照片的規劃。
適合
- 你正要發表喇叭、耳機、燈具或其他實體產品,想要沉穩、高質感、以攝影為主的頁面。
- 你想要一個可在任何地方預覽、分享或託管的離線檔案,按鈕、輪播、FAQ 與預購步驟都已能運作。
- 你偏好誠實的信任文案(保固、測試、可維修性),而不是捏造的評分、銷量或媒體 Logo。
不適合
- 需要真實購物車、付款或庫存的商店:預購步驟只在頁面上確認,在你串接自己的結帳系統前不會送出任何資料。
- 沒有實體產品的軟體或服務;版面是圍繞單一產品去背圖與其使用情境照片打造的。
- 大膽、繽紛的品牌:這套系統維持近乎單色,青綠色只用作光線。
新品上市與 App 成長網頁設計與數位體驗建置網頁建置 Landing Page建立網頁模板骨架風格鎖定成果可編輯轉換導向淺色優先近單色超大緊排標題產品攝影主導捲動驅動動效青綠光暈點綴
關於此 Skill

描述你的產品與一句話承諾,這個 Skill 就會把它變成一個沉穩、以攝影為主的發表頁:乾淨白色舞台上的產品去背圖、緊湊的大標題,以及產品亮起時唯一的一抹青綠色光暈。預設成果是一個能在任何瀏覽器離線開啟的獨立頁面。

你會得到
- 產品 Hero、文字內嵌圖片的價值主張、照片與功能交錯排列的區塊、信任卡片、附縮圖列的空間情境輪播、FAQ 摺疊選單、文章卡片,以及帶巨大品牌字標的深色頁尾
- 可選擇外觀配色與單顆或立體聲組合的預購抽屜,附電子郵件驗證與確認畫面,另有可在原頁開啟的文章、政策與聯絡面板
- 淺色與深色主題、會隨捲動變化的頁首,以及手機上的精簡選單
- 如有需要,可提供含產品、規格、定價、關於、聯絡與部落格頁面的多頁版本

使用方式
- 提供產品名稱、簡短承諾,以及你能負責的事實:價格、外觀配色、保固與規格。
- 你的 Agent 會為每個區塊重新套用品牌,依同一段產品描述重新生成每張照片,並執行內建檢查。
- 開啟頁面,試用購買按鈕、輪播與 FAQ,再用一般口語提出修改需求。

新的產品照片由你的 Agent 內建的生圖工具產生,可能產生使用費用。需求中沒涵蓋的內容會先以佔位文案草擬,並列出清單供你確認。
開始前需要準備什麼
- 你需要提供
- 產品名稱、三到四個字的標題構想,以及一句文案 · 你能負責的價格、外觀配色、保固與主要規格 · 選填:你的 Logo、真實產品照片,以及結帳或候補名單連結
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本,用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線,以便下載一次字型並內嵌 · Agent 內建的生圖工具,用於產生新的產品照片 · npm,僅在你要求多頁 Next.js 版本時需要
- 外部費用
- 重新生成產品照片會使用你的 Agent 內建的生圖工具,可能產生該工具的使用費用。開啟與編輯頁面不會產生額外費用。
- 最近實測
- v1.0.5 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…








