真实产出
在我们的机器上用本 Skill 渲染，未经修饰。
Ember E-Bike Store
如何使用
- 1
复制安装提示
登录后点击右侧黑色按钮，一键复制。
- 2
粘贴给你的 agent
在 Claude Code、Codex、Cursor 等工具里粘贴发送，它会自己装好。
- 3
用一句话调用
像下面这样说出你要做的东西，agent 会按这个 Skill 的流程来做。
你：
/ember-ebike-store 帮我做：E-bike, scooter, cargo-trike or moped brands that want a premium store front with real product detail.示例对话，仅演示调用方式，不代表实际产出。
你会得到
- A 35-route example for the fictional Askel Cycles: six bikes, four categories, equipment, compare, journal, test rides, about, contact, FAQ, delivery, legal, bag, checkout and a 404.
- A working store flow: battery and frame-size variants, a mini-cart drawer, a bag with promo code, demo checkout with validation and an order confirmation that never takes payment.
- Home tools (hero carousel, component explorer, range calculator, shop finder) plus a style guide, image plan, photo-matching script and built-in checks.
- E-bike, scooter, cargo-trike or moped brands that want a premium store front with real product detail.
适合
- E-bike, scooter, cargo-trike or moped brands that want a premium store front with real product detail.
- Brands with partner shops or showrooms that offer test rides and want booking and a shop finder.
- Teams that want working variant, bag, compare and checkout screens to review before wiring payments.
- Taking real orders: checkout says clearly that payment is off, and nothing is charged until you connect your own commerce backend.
不适合
- Taking real orders: checkout says clearly that payment is off, and nothing is charged until you connect your own commerce backend.
- Large catalogues that need inventory sync or a content management system.
- Soft pastel or minimal brands; the look relies on saturated orange, condensed capitals and dark panels.
你需要
- Claude Code、Codex 或 Cursor
- 以本地 skill 目录形式提供
- 许可证
- Skilloop Free
- 作者
- @Skilloop
- 版本
- v1.0.2
- 产出
- 网页
- 生成方式
支持:Claude CodeCodexCursor
由 Skilloop 制作与维护（Pro）。下方每个样例都由这个 Skill 原样产出。源码包为专有授权，非 MIT。
安装包内容
- ember-ebike-store/SKILL.md
- ember-ebike-store/references/framework-adaptation.md
- ember-ebike-store/references/icon-library.md
- ember-ebike-store/references/image-plan.md
- ember-ebike-store/references/images/about-workshop.webp
- ember-ebike-store/references/images/bike-ease.webp
- ember-ebike-store/references/images/bike-grit.webp
- ember-ebike-store/references/images/bike-linea.webp
- ember-ebike-store/references/images/bike-mule.webp
- ember-ebike-store/references/images/bike-pocket.webp
- ember-ebike-store/references/images/bike-scree.webp
- ember-ebike-store/references/images/cat-cargo.webp
- ember-ebike-store/references/images/cat-commute.webp
- ember-ebike-store/references/images/cat-step.webp
- ember-ebike-store/references/images/cat-trail.webp
- ember-ebike-store/references/images/detail-battery.webp
- ember-ebike-store/references/images/detail-brake.webp
- ember-ebike-store/references/images/detail-cockpit.webp
- ember-ebike-store/references/images/detail-drive.webp
- ember-ebike-store/references/images/eq-bag.webp
- ember-ebike-store/references/images/eq-bottle.webp
- ember-ebike-store/references/images/eq-helmet.webp
- ember-ebike-store/references/images/eq-light.webp
- ember-ebike-store/references/images/eq-lock.webp
- ember-ebike-store/references/images/eq-rack.webp
- ember-ebike-store/references/images/hero-linea-stage.webp
- ember-ebike-store/references/images/hero-linea.webp
- ember-ebike-store/references/images/hero-mule-stage.webp
- ember-ebike-store/references/images/hero-mule.webp
- ember-ebike-store/references/images/hero-scree-stage.webp
- ember-ebike-store/references/images/hero-scree.webp
- ember-ebike-store/references/images/journal-cargo.webp
- ember-ebike-store/references/images/journal-coast.webp
- ember-ebike-store/references/interior-pages.md
- ember-ebike-store/references/motion-system.md
- ember-ebike-store/references/page-library.md
- ember-ebike-store/references/quality-checklist.md
- ember-ebike-store/references/reui-components.md
- ember-ebike-store/references/route-inventory.md
- ember-ebike-store/references/style-guide.md
- ember-ebike-store/references/template.html
- ember-ebike-store/references/visual-contract.md
- ember-ebike-store/scripts/inline-assets.mjs
- ember-ebike-store/scripts/normalize-images.py
- ember-ebike-store/scripts/validate-design.mjs
SKILL.md
Build a premium electric-bike store with an orange photographic hero, bold condensed headings, dark photographic category cards and a dark component explorer that swaps close-up photos. Stone product cards come from one coherent studio…
其他安装方式
登录状态下可直接下载 ZIP。若用 curl 安装，请在「设置 → API 密钥」创建密钥并设置 SKILLHUB_API_KEY。
安装提示词（粘贴给你的 Agent）
This is a free Skilloop skill (Ember E-Bike Store). Download https://skilloop.dev/downloads/free/ember-ebike-store.zip (or use the install command on the skill page), then unzip into ~/.claude/skills or ~/.agents/skills so ember-ebike-store/SKILL.md exists. Or: Read https://skilloop.dev/skills/ember-ebike-store/install.md and follow the instructions.
一行命令安装（下载 + 解压） · Claude Code
mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/ember-ebike-store.zip -o /tmp/ember-ebike-store.zip && unzip -oq /tmp/ember-ebike-store.zip -d ~/.claude/skills/
一行命令安装（下载 + 解压） · Codex / Cursor
mkdir -p ~/.agents/skills && curl -fsSL https://skilloop.dev/downloads/free/ember-ebike-store.zip -o /tmp/ember-ebike-store.zip && unzip -oq /tmp/ember-ebike-store.zip -d ~/.agents/skills/
手动安装 · Claude Code
# Free skill — download the public ZIP (no sign-in): mkdir -p ~/.claude/skills && curl -fsSL https://skilloop.dev/downloads/free/ember-ebike-store.zip -o /tmp/ember-ebike-store.zip && unzip -oq /tmp/ember-ebike-store.zip -d ~/.claude/skills/
