frontend-design
Produce intentional UI with stronger hierarchy, typography, and aesthetic direction.
FreePackage validated
624.9K installsLoading page…
FreeWorkflowMedium riskv1.0.2
Ember E-Bike Store
Create an electric-bike storefront with product variants, a range calculator, bike comparisons and test-ride booking.
- Publisher
- Skillry
- Access
- Free · sign-in required
- Category
- Design
Overview
- Who it is for
- Creators and designers choosing a visual planning, presentation or system-mapping workflow.
- Not intended for
- Getting the publisher's private instruction package or purchase access through this catalog listing.
- Package access
- Installed and licensed through the original publisher
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.
What you need
- 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
- 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
Additional service costs: Generating the bike and lifestyle photos with your agent's image tool may incur that tool's usage charges. The image plan includes a minimum set for small budgets, and some equipment and close-up images can be reused.
Usage
- 01Gather the inputs and install the dependencies listed above.
- 02Use your publisher account to obtain the skill. Free skills require sign-in; paid skills require a purchase or subscription.
- 03Sign in to the CLI, then run the installation command below for your agent.
- 04Start with one of the example prompts, supply your project assets and review the rendered result.
npx --yes skillry-cli@latest install bs-ember-ebike-storeSign in first with npx --yes skillry-cli@latest login. Use Node.js 22+ on macOS or Windows; add --agent claude-code for Claude Code. The publisher also offers ZIP installation for Linux. Paid skills require your purchase or subscription.
Example prompts
Requests that put this skill to work.
Build the Askel Cycles e-bike store with six models, a range calculator and test-ride booking.
Limitations
- Install and license the original package through its publisher; this listing supplies discovery information.
- Publisher-stated capabilities and dependencies have not been benchmarked in your agent or project.
- Generating the bike and lifestyle photos with your agent's image tool may incur that tool's usage charges. The image plan includes a minimum set for small budgets, and some equipment and close-up images can be reused.
Version history
v1.0.2CurrentOct 20, 2026
Public listing reviewed; instruction-package access remains with the original publisher.
Frequently asked questions
What does Ember E-Bike Store create?
Create an electric-bike storefront with product variants, a range calculator, bike comparisons and test-ride booking. Deliverables: 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.
What do I need to use Ember E-Bike Store?
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 Publisher-listed 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.
Is Ember E-Bike Store free?
The skill package is free through Skillry with a publisher account. Generating the bike and lifestyle photos with your agent's image tool may incur that tool's usage charges. The image plan includes a minimum set for small budgets, and some equipment and close-up images can be reused.
How do I install Ember E-Bike Store?
Sign in with npx --yes skillry-cli@latest login, then run npx --yes skillry-cli@latest install bs-ember-ebike-store. The publisher documents Node.js 22 or newer on macOS or Windows for its CLI. Add --agent claude-code for Claude Code; the default installation folder is shared by Codex and Cursor. Linux users can use the publisher's ZIP installation option.