电商视觉创作助手 UI

电商视觉创作助手 UI

2026/7/19

简介

ecom-details-image Skill 的 Web Agent 版本:用一句中文描述产品,快速生成专业电商图,支持换场景/姿态/风格。

详细介绍

概览

Ecom Details Image UI(EcomImageChat)是 ecom-details-image Skill 的网页版。用中文描述你的商品,大约 30 秒就能拿到一张专业电商图;也可以上传参考图,让 AI 改变场景、姿势或风格,同时保留商品本身。基于腾讯云 EdgeOne Makers 开源部署。

主要功能

  • 文生图:用自然语言描述商品和需求,AI 自动写提示词并直接出图。
  • 图生图(参考图):上传商品照片(PNG/JPG/WEBP,最大 8MB),AI 解析后保留颜色、材质和设计,只换场景/姿势/光线/风格。
  • 25 套电商场景模板:白底主图、生活场景、细节特写、社媒图、UGC、模特图、信息图、爆炸图、包装等。
  • GPT-Image-2 规则集:十六进制色值、数字比例、明确的留白、负向列表、三层信息架构内建到提示词里。
  • 转化导向诊断:自动识别"视觉驱动"、"痛点驱动"、"情感价值驱动"型商品。
  • Campaign Style Lock:在多图组之间锁定配色、光线、字体、背景和构图。
  • 实时 SSE 进度:上传、识别、提交、下载、存储全流程流式推送到前端。

定价

开源项目。EdgeOne Makers 服务器、DeepSeek 对话模型、Agnes 图像/视觉 API 都可免费使用;如需可自行通过环境变量配置自己的 API key。

集成

  • 腾讯云 EdgeOne Makers(Agent Node Runtime + Cloud Functions + Blob Storage)
  • Claude Agent SDK
  • DeepSeek(主对话模型,通过 EdgeOne AI Gateway 走 Anthropic 兼容协议)
  • Agnes-2.0-Flash(图像识别)和 Agnes Image 2.1 Flash(出图)
  • 前端:React 18 + Tailwind CSS v4 + Vite 6

适合谁

想要一款免费、浏览器即开、中文工作流、可控场景/姿势/风格的 AI 出图工具的跨境和国内电商卖家。

常见问题

EcomImageChat 是什么?

ecom-details-image Skill 的网页版——一个用中文描述就能生成电商图(可选参考图)的浏览器应用。

免费吗?

免费——应用、服务器运行时、对话模型和 Agnes 图像 API 都免费。可以选择配置自己的 API key。

上传参考图能用吗?

可以——上传任意参考图即触发图生图模式,保留商品的颜色/材质/花纹,只换场景。

目前的限制?

单次会话出一张图,受 120 秒云函数超时限制;多图详情页组是后续的增强方向。