
Preview gallery
关于这个 Skill
打造一家优质电动自行车商店,配备橙色摄影英雄、大胆的简洁标题、深色摄影类别卡和可交换特写照片的深色组件浏览器。石材产品卡来自一套连贯的工作室,整个商店都在运作:改变价格的变体、迷你推车、袋子、演示结帐、比较、范围计算器和试乘预订。默认情况下,它作为一个独立的文件到达,可以在任何浏览器中离线打开。
Picked most often by
About this Skill

带上您的自行车系列,技能就会构建一个完整的店面:橙色工作室英雄、大胆的简洁标题、来自一组连贯照片的深色类别卡和石材产品卡,以及实际有效的商店流程。示例是虚构的 Askel Cycles,有 35 条相连的路线。默认结果是一个独立的文件,可以在任何浏览器中离线打开。

What you get
- 主页包含英雄轮播、类别卡、阵容、组件浏览器、范围计算器、评论、试乘查找器、日志和常见问题解答
- 产品页面包含图库、电池和尺寸变体,以及基于高度、规格和相关项目的合身助手
- 袋子、演示结帐、交付选项和订单确认,以及比较、设备、交付、法律和联系页面
- Anton、Archivo 和 Geist Mono 嵌入在文件中,因此不会从网络加载任何内容

如何使用
- 分享您的型号、价格、规格、类别、市场设置(货币、税收、邮政编码)和任何合作伙伴商店。
- 您的智能体填写目录,生成匹配的照片集并检查每条路线和链接。
- 在桌面和手机上点击款式、行李、结帐和试乘预订,然后要求更改。

生成新产品照片可能会产生图像工具的使用费。结帐和预订会显示诚实的演示确认,并且在连接实际服务之前不会发送任何内容。
What you need before you start
- You bring
- 品牌名称、四个字或更少的标语以及您的市场(货币、税收、邮政编码) · 型号,包含价格、规格、型号和类别,以及您出售的配件 · 合作伙伴商店或陈列室、联系方式以及您拥有的任何产品照片
- Dependencies
- Node.js 18 or newer on your agent's machine, to run the bundled script that builds the single offline file · Internet access while the file is built, so the fonts can be downloaded once and embedded · Python with NumPy and Pillow, for the script that crops and matches product photos · An image generation tool in your agent for new bike and lifestyle photos
- Outside costs
- 使用智能体的图像工具生成自行车和生活方式照片可能会产生该工具的使用费。图像计划包括小预算的最低设置,并且一些设备和特写图像可以重复使用。
- Last tested
- v1.0.2 — Claude Code / Claude Desktop / Cowork / Codex / ChatGPT
What you get
- 虚构的 Askel Cycles 的 35 条路线示例:六辆自行车、四个类别、设备、比较、日志、试乘、关于、联系、常见问题解答、交付、法律、包、结账和 404。
- 工作商店流程:电池和框架尺寸变体、迷你推车抽屉、带有促销代码的袋子、带验证的演示结账以及从不付款的订单确认。
- 家庭工具(英雄轮播、组件浏览器、范围计算器、商店查找器)以及风格指南、图像计划、照片匹配脚本和内置检查。
Good fit
- 电动自行车、踏板车、货运三轮车或轻便摩托车品牌需要拥有真实产品细节的优质店面。
- 拥有合作商店或陈列室的品牌,提供试乘服务并需要预订和商店查找器。
- 需要在电汇付款之前查看工作变体、打包、比较和结帐屏幕的团队。
Not for
- 接受真实订单:结帐时明确表示付款已关闭,并且在您连接自己的商务后端之前不会收取任何费用。
- 需要库存同步或内容管理系统的大型目录。
- 柔和的粉彩或简约的品牌;外观依赖于饱和的橙色、压缩的大写字母和深色的面板。
品牌识别和视觉系统网页设计和数字体验建立电子商务店面Style-lockedEditable Output自行车类别自行车控制装置自行车英雄数据轮播
User reviews
Loading reviews…








