Skilloop

Real outputs

Rendered with this skill on our machine, unedited.
Ember E-Bike Store — Ember E-Bike Store
Ember E-Bike Store

How to use

  1. 1

    Copy the install prompt

    Sign in, then click the black button. One click, done.

  2. 2

    Paste it to your agent

    Send it in Claude Code, Codex, Cursor or similar. It installs itself.

  3. 3

    Ask in one sentence

    Say what you want, like below, and the agent follows this skill.

You:/ember-ebike-store make me: E-bike, scooter, cargo-trike or moped brands that want a premium store front with real product detail.

Example message showing how to invoke it, not a real output.

What you get

  • 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.

Good fit

  • 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.

Not for

  • 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.

What you need

  • Claude Code, Codex, or Cursor
  • Pack ships as a local skill folder
License
Skilloop Free
Author
@Skilloop
Version
v1.0.2
Output
Web
Generates with
Runs in:Claude CodeCodexCursor

Built and maintained by Skilloop (Pro). Every sample below was produced by this exact skill. Source packages are proprietary — not MIT.

Package contents

  • 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…

Other ways to install

ZIP download works while signed in. For curl installs, create an API key under Settings → API keys and set SKILLHUB_API_KEY.

Install prompt (paste into your 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.
One-line install (download + unzip) · 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/
One-line install (download + unzip) · 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/
Manual · 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/

Related skills