git404hub

what is ecom-details-image-ui fr?

liangdabiao/ecom-details-image-ui — explained in plain English

Analysis updated 2026-05-18

32TypeScriptAudience · pm founderComplexity · 3/5Setup · moderate

tl;dr

A web app that turns a short product description or reference photo into a professional e-commerce product image using AI, in under 30 seconds.

vibe map

mindmap
  root((EcomImageChat))
    What it does
      Text to product image
      Image to image editing
      25 scene templates
    Tech stack
      TypeScript
      React
      Claude Agent SDK
      EdgeOne Makers
    Use cases
      Generate white background hero shots
      Restyle a product photo
      Write image prompts only
    Audience
      E-commerce sellers
      Online store owners
      Marketers
    Deployment
      One click deploy
      EdgeOne CLI
      Custom domain setup

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

what do people make with this?

VIBE 1

Generate a white-background hero image for a product from a short text description.

VIBE 2

Upload a product photo and restyle its background, pose, or lighting while keeping the product itself unchanged.

VIBE 3

Produce social-media style lifestyle images for platforms like Xiaohongshu from a product description.

VIBE 4

Get an AI-written image generation prompt to use in another tool without generating an image here.

what's the stack?

TypeScriptReactTailwind CSSViteClaude Agent SDK

how it stacks up fr

liangdabiao/ecom-details-image-uialexmt/mobile-for-argocdalvinunreal/juice
Stars323232
LanguageTypeScriptTypeScriptTypeScript
Setup difficultymoderatemoderateeasy
Complexity3/53/53/5
Audiencepm founderops devopsdeveloper

Figures from each repo's GitHub metadata at analysis time.

how do i run it?

Difficulty · moderate time til it works · 30min

Deploying your own instance requires API keys for both the AI Gateway chat model and the Agnes AI image service.

in plain english

EcomImageChat is a web app for generating professional-looking e-commerce product photos using AI, aimed at sellers who need product images fast. A user types a short description of their product in Chinese, such as "blue bluetooth earbuds" or "beige ceramic coffee cup," along with what kind of image they want, like a plain white background hero shot or a moody lifestyle photo styled for social platforms. The AI picks from 25 built in e-commerce scene templates and writes an image generation prompt automatically, then returns a finished image in about 15 to 30 seconds. Users can also upload a reference photo of their actual product. When they do, the app forces an image to image workflow that keeps the product's real color, material, and print intact while only changing the background, pose, lighting, or overall style around it. There is also a prompt only mode: if a message doesn't include a word like "generate" or "produce," the AI just writes out an English prompt and description the user can copy into another tool instead of generating an image itself. Under the hood, the app runs on Tencent Cloud's EdgeOne Makers platform and is built on the Claude Agent SDK. The main chat model is DeepSeek, accessed through an Anthropic-compatible protocol, while image recognition and image generation both go through a separate provider called Agnes AI. Uploaded and generated images are stored in EdgeOne's blob storage, and progress updates during upload, recognition, and generation are streamed to the browser in real time using server-sent events. Each chat session is limited to producing one image within a 120 second window to keep response times predictable. The frontend is built with React, Tailwind CSS, and Vite. Developers can deploy their own copy either through a one click deploy button to EdgeOne Makers, or by cloning the repository and using the EdgeOne CLI to develop locally and deploy manually. Setting it up requires API keys for the AI Gateway chat model and for the Agnes AI image service, configured through the EdgeOne Makers console rather than the command line.

prompts (copy fr)

prompt 1
Generate a white background hero image for a pair of blue bluetooth earbuds.
prompt 2
Take this uploaded product photo and restyle it with a deep green background, keeping the product unchanged.
prompt 3
Write me an English image-generation prompt for a skincare serum detail page, but don't generate the image.
prompt 4
Design a Xiaohongshu-style lifestyle scene for a ceramic coffee cup, shot from above with a coffee prop.

Frequently asked questions

what is ecom-details-image-ui fr?

A web app that turns a short product description or reference photo into a professional e-commerce product image using AI, in under 30 seconds.

What language is ecom-details-image-ui written in?

Mainly TypeScript. The stack also includes TypeScript, React, Tailwind CSS.

How hard is ecom-details-image-ui to set up?

Setup difficulty is rated moderate, with roughly 30min to a first successful run.

Who is ecom-details-image-ui for?

Mainly pm founder.

peek the repo → explain another one

This repo across BitVibe Labs

double-check against the repo, no cap.