Uwarp
Agent Skill · Web

Ember E-Bike Storev1.0.2

Use this Skill to create a web page.

  • Popular
  • Free
  • CLI install on Skillry
Copy install promptDownload ZIP

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 set, and the whole store works: variants that change the price, a mini-cart, bag, demo checkout, compare, a range calculator and test-ride booking.

Updated on Skillry Oct 20, 2026

Runs in

  • Claude Code
  • Cursor

Generates with

  • Host agent LLM

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.

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.

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.

About this Skill

You say /bs-ember-ebike-store Build the Askel Cycles e-bike store with six models, a range calculator and test-ride booking.

How it works

  1. 1. Bring your materials

    Brand name, a tagline of four words or fewer and your market (currency, tax, postcodes) Models with prices, specs, variants and categories, plus accessories if you sell them Partner shops or showrooms, contact details and any product photos you own

  2. 2. Ask with a concrete request

    Start from the sample request: Build the Askel Cycles e-bike store with six models, a range calculator and test-ride booking.

  3. 3. Take the result

    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.

What you need before you start

Summarized from the Skillry page for Ember E-Bike Store. Live requirements can change there.

You bring
Brand name, a tagline of four words or fewer and your market (currency, tax, postcodes) Models with prices, specs, variants and categories, plus accessories if you sell them Partner shops or showrooms, contact details and any product photos you own
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
Skillry lists this Skill as free. Rendering and any model calls can still bill a provider. Uwarp does not set the price.
Last tested
v1.0.2 — Claude Code, Cursor, as listed on Skillry.

Frequently Asked Questions

Quick answers about this tool—open a question to read more.