Tier 1 Demo / Workers AI + Catalog

Campaign photos for every product, ready to publish.

Select a BigCommerce-style product, choose a prompt direction, and load actual Workers AI image outputs through /api/generate-image. Fallback art appears only when the model is unavailable.

Open studio View architecture

1. Configure

Product and prompt inputs

Catalog fixtures keep the UI credential-free, while the API path uses the Workers AI binding for image generation and only falls back to local SVG art on model errors.

Product

Prompt presets Golden hour launch Place the product in a warm golden-hour outdoor campaign scene with premium retail lighting, shallow depth of field, and room for headline copy. Studio drop Create a crisp ecommerce studio composition on a warm cream sweep with soft shadows, elevated merchandising props, and a clean catalog-ready crop. Social story Render a vertical social ad scene with motion, rich texture, lifestyle context, and a bold visual hook for a limited-time campaign.

Lifestyle prompt

Reset

3. Generation results

Workers AI images, loaded directly into each card.

Generated cards use GET /api/generate-image image URLs. The same route accepts POST for API testing and returns image bytes from Workers AI when inference succeeds.

Summit Trail Runner

variant-a

Draft

Campaign hero

Place the product in a warm golden-hour outdoor campaign scene with premium retail lighting, shallow depth of field, and room for headline copy. Hero crop for Summit Trail Runner Footwear.

R2 key: generated/trail-shoe-01/campaign-hero.webp
Transform: Images: 1600w hero, 4:3 crop, sharpen=1

Summit Trail Runner

variant-b

Draft

Catalog PDP

Place the product in a warm golden-hour outdoor campaign scene with premium retail lighting, shallow depth of field, and room for headline copy. Clean catalog-ready PDP angle for Summit Trail Runner Footwear.

R2 key: generated/trail-shoe-01/catalog-pdp.webp
Transform: Images: 1200w PDP, square crop, background trim

Summit Trail Runner

variant-c

Draft

Social vertical

Place the product in a warm golden-hour outdoor campaign scene with premium retail lighting, shallow depth of field, and room for headline copy. Vertical social placement for Summit Trail Runner Footwear.

R2 key: generated/trail-shoe-01/social-vertical.webp
Transform: Images: 1080x1350, smart crop, WebP quality 82

R2 + Workers AI notes

Reference flow

Worker UIServer-rendered TypeScript app receives product, prompt, generation, and publish actions.

Workers AIPrompt plus product context produces campaign-ready image assets.

R2 bucketGenerated or approved fallback binaries can be stored at stable keys such as generated/trail-shoe-01/campaign-hero.webp.

ImagesTransforms create PDP, hero, and social crops without duplicating originals.

BigCommerceMock Admin publish appends a catalog activity event; real credentials can call Catalog REST.

Mock publish-to-catalog log

Activity

01Loaded TRAIL-SHOE-01 from local product fixture
02Waiting for Generate variants action
03No catalog publish yet