Skillry 推荐
橙焰电单车商店v1.0.2
使用这个 Skill：Build Ecommerce Storefront。
上升中
5.022 次下载0 次喜欢0 次收藏
$4.99
购买这个 Skill 能获得什么？打造一个高级感电动自行车商店：橙色摄影 Hero、粗壮的窄体标题、深色摄影分类卡片，以及可切换特写照片的深色零部件展示区。石色产品卡片出自同一套棚拍，整套商店流程都能用：会改变价格的规格选项、迷你购物袋、购物袋页、演示结账、对比、续航计算器和试骑预约。默认交付一个自包含文件，任何浏览器都能离线打开。
最常被这些职业选择
更新于 2026年10月3日
效果预览
相似 Skill
查看全部 Skills
你将获得
- 一个 35 条路由的示例，虚构品牌 Askel Cycles：六款车型、四个分类、装备、对比、Journal、试骑、关于、联系、FAQ、配送、法律条款、购物袋、结账和 404。
- 可用的购物流程：电池与车架尺寸选项、迷你购物袋抽屉、带优惠码的购物袋、带校验的演示结账，以及永远不会真正扣款的订单确认页。
- 首页工具（Hero 轮播、零部件展示、续航计算器、门店查找），另附风格指南、配图方案、照片统一脚本和内置检查。
适合
- 想要高级商店前台、展示真实产品细节的电动自行车、滑板车、载货三轮或轻便摩托品牌。
- 有合作门店或展厅、提供试骑，需要预约和门店查找功能的品牌。
- 希望在接入支付之前，先审阅可用的规格选项、购物袋、对比和结账页面的团队。
不适合
- 接收真实订单：结账页会明确说明支付已关闭，在你接入自己的电商后端之前不会扣款。
- 需要库存同步或内容管理系统的大型商品目录。
- 柔和粉彩或极简品牌；这套外观依赖饱和橙色、窄体大写字和深色面板。
品牌建立与视觉规范网站与数字体验Build Ecommerce Storefront风格锁定成果可编辑Bike CategoriesBike ControlsBike HeroData Carousel
关于此 Skill
带上你的车型阵容，Skill 就会搭出完整的商店前台：橙色棚拍 Hero、粗壮的窄体标题、深色分类卡片，以及出自同一套照片的石色产品卡片，购物流程真的能用。示例是虚构品牌 Askel Cycles，共 35 条互相连通的路由。默认交付一个自包含文件，任何浏览器都能离线打开。
你将获得
- 首页：Hero 轮播、分类卡片、车型阵容、零部件展示、续航计算器、评价、试骑门店查找、Journal 和 FAQ
- 产品页：图集、电池与尺寸选项、按身高推荐尺寸、参数和相关商品
- 购物袋、带配送方式的演示结账和订单确认，以及对比、装备、配送、法律条款和联系页
- Anton、Archivo 与 Geist Mono 内嵌在文件中，不从网络加载任何内容
如何使用
- 提供车型、价格、参数、分类、市场设置（币种、税费、邮编）以及合作门店。
- 代理填好商品目录，生成风格统一的照片，并检查每条路由和链接。
- 在桌面和手机上走一遍选规格、加入购物袋、结账和试骑预约，再提出修改。
生成新的产品照片可能产生图像工具的使用费用。结账和预约只显示诚实的演示确认，在接入真实服务之前不会发送任何内容。
开始前需要准备什么
- 你需要提供
- 品牌名称、不超过四个词的口号，以及市场设置（币种、税费、邮编） · 车型的价格、参数、规格选项和分类；如有配件也一并提供 · 合作门店或展厅、联系方式，以及你拥有的产品照片
- 依赖项
- Agent 所在电脑需要 Node.js 18 或更高版本，用来运行随附脚本，生成单个离线网页文件 · 生成文件时需要联网，字体只下载一次并嵌入文件 · 需要装有 NumPy 和 Pillow 的 Python，用于裁切并统一产品照片的脚本 · 代理需要图像生成工具来制作新的车辆与场景照片
- 外部成本
- 用代理的图像工具生成车辆与场景照片可能产生该工具的使用费用。配图方案为小预算准备了最小集合，部分装备和特写图片也可以复用。
- 最近实测
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
用户评价
评价加载中…