crazy-ecommerce-builder

Crazy Ecommerce Builder

Turn a short company brief into a coherent creative thesis, a custom image world, and a working ecommerce experience. Make the result surprising because it expresses the product truth—not because it uses random effects.

Required companion skills

Use the available sites-building skill for implementation and validation, imagegen for original raster assets, and sites-hosting for publishing unless the user asks to keep the site local. Read each selected skill before taking its actions. If one is unavailable, follow the closest local workflow and state the limitation briefly.

Inputs

Extract or infer:

• company or product name;
• what is sold and why it is meaningfully different;
• customer and price position;
• catalog size or representative products;
• brand personality, taboos, and desired level of visual risk;
• existing assets, copy, site, stack, and publishing preference.

Do not demand a complete brief. Ask at most two short questions only when a missing answer would materially change the business or creative direction. Otherwise make labeled assumptions and proceed. Treat supplied product facts, prices, claims, and materials as source of truth; never invent regulated, medical, sustainability, performance, or certification claims.

Workflow

1. Inspect and protect the workspace

Determine whether this is a new site or an existing project. Preserve the existing package manager, architecture, working features, user changes, and hosting configuration. Inspect the current product surface before editing. Do not replace a functioning project solely to use a preferred framework.

2. Write the creative thesis

Before designing, condense the brief into:

1. Product tension — the surprising contradiction or transformation inside the product.
2. Customer feeling — the emotion the first viewport should create.
3. Visual world — one specific art-direction system with palette, type behavior, composition, photography, motion, and texture.
4. Commerce spine — the shortest path from intrigue to product understanding to purchase.
5. Signature device — one memorable motif tied to the product, such as a seam, split, orbit, tear, specimen label, thermal map, or impossible scale shift.