
效果预览
相似 Skill
查看全部 Skills你将获得
- 完整的 Stride Common 示例店,共 27 个路由,含 8 件商品、4 个系列和 15 张照片,从首页和目录到尺码指南、配送、FAQ、关于和精心设计的 404。
- 可用的购物流程:带尺码选择的快速加购、迷你购物袋抽屉、优惠码、会改变价格的鞋宽选项、售罄尺码、尺码计算器和演示结账。
- 你的店铺以单个离线文件交付,内嵌 Archivo、Geist 和 Geist Mono 字体;另附视觉规则、含最少照片组合的配图计划和质检清单。
适合
- 产品线精简、讲究的独立运动鞋、鞋履和服饰品牌。
- 想要大片式 Hero 和带完整购买工具的商品页的 DTC 品牌。
- 有实体店、希望在配送之外提供试穿预约和到店自取的店铺。
不适合
- 真实订单或支付:结账止步于一个可复核的演示订单,绝不扣款或发送任何内容。
- 没有商品照片的目录;每件商品都需要自己的照片,可生成也可自行提供。
- 想要鲜艳配色或深色主题的品牌;这套设计以鼠尾草绿和白色为主,安静克制。
品牌建立与视觉规范电商商品上架与转化网站与数字体验Build Ecommerce Storefront风格锁定成果可编辑Hero SearchSneaker HeroSneaker ModelSneaker Proof
关于此 Skill

开一家有大片感的鞋履或服饰店:鼠尾草绿 Hero 上是超大的白色大写字体和一张编辑风格的模特照片,下方是统一棚拍背景上的整洁商品网格。示例是虚构的运动鞋品牌 Stride Common,有 8 款鞋、4 个系列和 27 个连通页面。

你将获得
- 首页、带筛选的商店页、系列、商品页、购物袋、结账、收藏、尺码指南、配送与退货、FAQ、联系、关于、法律页面和精心设计的 404
- 商品页包含图集、鞋宽和尺码选项、库存状态、参数、评价和相关推荐
- 快速加购、带免运费进度条的迷你购物袋、优惠码和演示结账
- 能把脚长换算成美码、英码和欧码的尺码计算器
- 字体和照片均已嵌入的单个文件,任何浏览器都能离线打开

如何使用
- 提供品牌、市场、币种、带价格和尺码的商品,以及你的系列划分。
- Agent 生成或放入照片,填满每个页面,并在桌面和手机上检查购物流程。
- 打开文件,把一双鞋加入购物袋、试一次结账,用日常语言提出修改。

结账会明确说明没有扣款或发送任何内容。用 Agent 的图像工具生成照片可能产生该工具的使用费用。
开始前需要准备什么
- 你需要提供
- 品牌名称、目标市场、币种和配送条款 · 商品的价格、尺码、颜色和参数,并按系列分组 · 你的商品照片,或允许 Agent 为你生成照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本,用来运行随附脚本,生成单个离线网页文件 · 生成文件时需要联网,字体只下载一次并嵌入文件 · Agent 中的图像生成工具,或你自己的商品照片(每件商品都需要一张)
- 外部成本
- 大片、商品和系列照片由 Agent 自带的图像工具生成,可能产生该工具的使用费用。提供你自己的商品照片可以减少或避免这部分费用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…









