Ecommerce Image Workflow

This is a reference-only workflow that takes a real product photo you've uploaded and generates three ecommerce assets: a clean main packshot on white, a feature highlight with callout space, and a lifestyle scene. The whole thing is built around product fidelity anchors that lock shape, color, logo placement, and proportions so you don't end up with a redesigned version of your product. It won't generate concept products from descriptions alone, which keeps the scope tight but means you need reference imagery before you start. Outputs include a manifest JSON and an HTML preview gallery. If your image model doesn't support reference images, the workflow stops early and tells you why.

skills.sh installs: 2.2K
GitHub stars: 106.9K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add nexu-io/open-design --skill ecommerce-image-workflow --agent claude-code

Installs into .claude/skills of the current project.

Files

Ecommerce Image Workflow

Create a compact ecommerce image set from real product reference imagery. This V1 skill is intentionally narrow: it supports reference-product mode only. If the user only describes a product and does not provide a product photo, ask for one and stop. Do not create a brief-only concept product in this version.

Resource map

ecommerce-image-workflow/
|-- SKILL.md
|-- example.html
`-- references/
    `-- checklist.md

What this skill produces

By default, generate three ecommerce-ready image assets for one product:

Main image - clean product-first packshot on white or soft neutral background.
Feature image - one selling point shown clearly with controlled callout space, without relying on tiny unreadable in-image text.
Lifestyle image - product shown in a plausible use context while keeping the product faithful to the reference.

Also create:

image-manifest.json describing reference inputs, slots, prompts, outputs, aspect ratios, and fidelity notes.
ecommerce-gallery.html as a small preview gallery linking the generated files and summarizing the image roles.