Skillux
skill-29 · v1.1 · E-commerce

ecom-storefront

Commerce template: product grid, detail, cart, and checkout. Wire Stripe or your own backend. Outputs a Next.js project — install deps and deploy.

4.8 · 64 reviews356 downloadsv1.1 released 2026-09-05
Sample output · CenteredPreview
ecom-storefront sample site preview
Pages3Layout variants3StackNext.jsContrastAll AA

Details

Ask AI to “make a E-commerce” and every result looks different: ad-hoc type sizes, uneven spacing. The model isn’t the problem — nobody told it how this kind of page should look.

This skill hands the AI a refined layout as rules: information order, type scale and spacing, contrast — all locked in the pack. You describe the product; it won’t ask you layout questions again.

What you can do

  • Ship a deployable E-commerce template from one sentence of brief
  • Swap variant params to change the whole look — no regenerate needed
  • Consistent output across clients when you build the same kind of site

Who it’s for

  • Designers and front-enders shipping marketing sites who need fast first drafts
  • Builders without a design resource who still want pages that look intentional

Locked palette & tokens

Ink / #1F1A3D
Ink 70 / #59547A
Cobalt / #6C4CFF
Coral / #FF7A45
Wash / #F4F0FF

How to use it

Prerequisites: Any of Claude, Cursor (Agent Skills folder support) · Node 18+ to run the generated project

  1. Install ecom-storefront with npx skillux add ecom-storefront, or unzip into your tool’s skills folder (Install tab).
  2. Start a new agent session so the pack is discovered.
  3. Describe the product and primary CTA in one sentence — e.g. “E-commerce for a budgeting app; primary action is Start free.”
  4. Review the draft, tweak copy or variant params if needed, then deploy the generated project.
Pairs well

Buyers of this often install these next

General enhancers stack on template skills and apply together.

Freespacing-rhythm template site preview

spacing-rhythm

By Lin Xiu · v2.0

One 8-point spacing system end to end so AI layouts stop looking loose. Free after signup.

General enhancerCSS variablesAll tools
Free4.7
3,980 downloads
brand-palette template site preview

brand-palette

By Lin Xiu · v1.2

Give one brand color; get a full ramp that passes WCAG AA. Stacks on top of any template skill.

General enhancerCSS variablesAll tools
$1284.9
1,512 downloads
motion-pass template site preview

motion-pass

By He Qi · v0.9

Adds motion to an existing site. Easing and duration follow the action — not one 0.3s ease for everything.

General enhancerCSS / MotionAll tools
$1884.6
421 downloads