Sage 球鞋商店v1.0.2
使用這個 Skill：建置網路商店。
熱門
5.0121 次下載8 個喜歡3 次收藏
免費
打造帶有形象廣告質感的高端鞋款或服飾商店：鼠尾草綠 Hero 搭配超大白色大寫字、雜誌感模特兒照片與一張白色小服務卡，下方是在同色攝影棚背景上的俐落商品格線。範例品牌 Stride Common 有 27 個可操作頁面，包含八款球鞋、四個系列、商品頁、購物袋、結帳、尺寸指南與說明頁面。預設會得到一個可在任何瀏覽器開啟、離線也能使用的獨立檔案。
最常選用的職業
更新於 2026年10月3日
效果預覽
相似的 Skills
查看所有 Skills
你將獲得
- 一個完成的 Stride Common 範例商店，共 27 個路由，包含八項商品、四個系列與 15 張照片，涵蓋首頁、商品目錄、尺寸指南、配送、FAQ、關於我們與精心設計的 404。
- 可實際操作的商店流程：附尺寸選擇的快速加入、迷你購物車抽屜、優惠碼、會改變價格的鞋寬選項、售完尺寸、尺寸查詢工具與示範結帳。
- 你的商店會是一個內嵌 Archivo、Geist 與 Geist Mono 字型的離線檔案，並附上視覺規範、含最低照片數量的圖片規劃，以及 Agent 遵循的檢查清單。
適合
- 商品線精簡、講究的獨立球鞋、鞋款與服飾品牌。
- 想要形象廣告式 Hero、以及具備真實購物工具商品頁的 DTC 品牌。
- 有實體門市、希望在配送之外也提供試穿預約與門市取貨的商店。
不適合
- 真實的訂單或付款：結帳只會停在已確認的示範訂單，絕不會收費或寄出任何東西。
- 沒有商品照片的商品目錄；每項商品都需要自己的照片，可以生成或自行提供。
- 想要鮮豔配色或深色主題的品牌；這套設計是鼠尾草綠、白色且沉穩的。
品牌設計與視覺規範電商上架與轉換網頁設計與數位體驗建置網路商店風格鎖定成果可編輯Hero 搜尋球鞋 Hero球鞋模特兒球鞋實證
關於此 Skill
推出一間帶有形象廣告質感的鞋款或服飾商店：鼠尾草綠 Hero 搭配超大白色大寫字、雜誌感模特兒照片，以及在同色攝影棚背景上的俐落商品格線。範例是虛構球鞋品牌 Stride Common，有八款鞋、四個系列與 27 個相互連結的頁面。
你會得到
- 首頁、附篩選的商店、系列、商品頁、購物袋、結帳、已收藏鞋款、尺寸指南、配送與退貨、FAQ、聯絡我們、關於我們、法律頁面，以及精心設計的 404
- 商品頁含圖庫、鞋寬與尺寸選項、庫存狀態、規格、評價與相關鞋款
- 快速加入購物袋、附免運進度條的迷你購物車抽屜、優惠碼與示範結帳
- 把腳長換算成美國、英國與歐洲尺碼的尺寸查詢工具
- 字型與照片皆已內嵌的單一檔案，可在任何瀏覽器離線開啟
使用方式
- 提供你的品牌、市場、幣別、含價格與尺寸的商品，以及你的系列。
- 你的 Agent 會生成或放入照片、填好每個頁面，並在桌機與手機上檢查商店流程。
- 開啟檔案，把一雙鞋加入購物袋、試試結帳，再用日常用語提出修改需求。
結帳頁會清楚說明不會收費或寄出任何東西。用你的 Agent 生圖工具製作的照片，可能會產生該工具的使用費用。
開始前需要準備什麼
- 你需要提供
- 品牌名稱、市場、幣別與配送條款 · 含價格、尺寸、顏色與規格的商品，並依系列分組 · 你的商品照片，或允許你的 Agent 自行生成
- 相依項目
- Agent 所在電腦需安裝 Node.js 18 以上版本，用來執行內建腳本產生單一離線檔案 · 產生檔案時需要網路連線，以便下載一次字型並內嵌 · Agent 內建的生圖工具，或你自己的商品照片（每項商品都需要一張）
- 外部費用
- 形象、商品與系列照片由你的 Agent 內建的生圖工具產生，可能會產生該工具的使用費用。提供自己的商品照片可以減少或避免這筆費用。
- 最近實測
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
使用者評價
正在載入評價…