[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-11342":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":17,"stars7d":18,"stars30d":19,"stars90d":16,"forks30d":16,"starsTrendScore":20,"compositeScore":21,"rankGlobal":10,"rankLanguage":10,"license":10,"archived":22,"fork":22,"defaultBranch":23,"hasWiki":24,"hasPages":22,"topics":25,"createdAt":10,"pushedAt":10,"updatedAt":26,"readmeContent":27,"aiSummary":28,"trendingCount":16,"starSnapshotCount":16,"syncStatus":29,"lastSyncTime":30,"discoverSource":31},11342,"ecom-details-image","liangdabiao\u002Fecom-details-image","liangdabiao","一个面向 claude code \u002F Codex \u002F OpenClaw 的跨境电商和国内电商通用视觉创作 Skill。我精选25个高质量案例，涵盖纯色底产品主图、场景化生活图、平铺图、电商详情图、真实场景等等，全部配完整提示词，都可以利用 GPT-Image-2 API生成最终效果。一键生成电商相关图片！输入产品图片和需求描述，自动生成完整的电商主图、详情页图片、社媒推广图、直播间场景图等全套视觉素材。 与众不同之处是：**Campaign Style Lock** 机制 和 **强推广** 和 **重视转化效果**。","",null,"Python",373,80,3,1,0,32,41,312,96,5.73,false,"main",true,[],"2026-06-12 02:02:31","# ECommerce Details  Image Generator\n\n\n一个面向 claude code \u002F Codex \u002F OpenClaw 的跨境电商和国内电商通用视觉创作 Skill。GPT-Image-2 上线以来，电商圈已经被刷屏了。图像生成的边界，如今又被推了一大步。下面是我精选的 25个高质量案例，涵盖纯色底产品主图、场景化生活图、平铺图、电商详情图、真实场景等等，全部配完整提示词，都可以利用 GPT-Image-2 API生成最终效果。一键生成电商相关图片！输入产品图片和需求描述，自动生成完整的电商主图、详情页图片、社媒推广图、直播间场景图等全套视觉素材。\n与众不同之处是：**Campaign Style Lock** 机制 和 **强推广** 和 **重视转化效果**。\n\n它可以做两件事：\n\n- 生成可执行的视觉简报和 AI 生图 Prompt。\n- 在使用者配置自己的 OpenAI 兼容图片 API 后，直接调用 API 生成图片。\n\n未配置 API 时，它仍然可以正常输出 Prompt；配置 API 后，可以直接出图。\n\n## 功能特性\n\n- **一站式电商图片生成** — 商品主图、Amazon\u002FShopify 详情页、社媒推广、直播间场景等\n- **25 种场景模板** — 覆盖白底主图、生活方式、平铺摆拍、细节特写、海报 Banner、社媒 UGC、模特展示、前后对比、包装设计、信息图、创意概念、尺码说明、多品组合、直播间、虚拟试穿、爆炸图、隐形人台、多角度网格、杂志编辑、季节Campaign、轻奢氛围、设备样机、店铺陈列、运动Campaign\n- **Campaign Style Lock** — 多图自动锁定色板、冷暖调、字体、背景、光线、布局，保证整套图视觉一致\n- **转化驱动力诊断** — 自动判断视觉驱动型 \u002F 痛点驱动型 \u002F 情感价值驱动型，针对性生成图片序列\n- **参考图片支持** — 传入产品实拍图，让 AI 生成的产品外观更贴近真实商品\n- **Prompt \u002F Generate 双模式** — 可只输出 Prompt 供人工使用，也可直接调用 API 出图\n- **零依赖生图脚本** — 纯 Python 标准库实现，无需 pip install\n\n\n## 致谢和参考\n\n提示词templates参考和利用了开源项目，https:\u002F\u002Fgithub.com\u002Fbuluslan\u002Fgpt-image2-ecommerce ，\n特别致谢 https:\u002F\u002Flinux.do ,感谢佬友的支持。 感谢 https:\u002F\u002Fgithub.com\u002Fcoolqoo\u002F1click-ecom-detailpage 提供灵感和初步工作！\n\n## 快速开始\n\n### 前置要求\n\n- [Claude Code CLI \u002F codex等] 已安装并登录\n- Python 3.10+\n- OpenAI 兼容图片生成 API（如 OpenAI、Azure OpenAI 或第三方兼容服务）\n\n### 1. 克隆项目\n\n```bash\ngit clone https:\u002F\u002Fgithub.com\u002Fliangdabiao\u002Fecom-details-image.git\ncd ecom-details-image\n```\n\n### 2. 配置 API\n\n在项目根目录创建 `.env` 文件：\n\n```dotenv\nIMG_BASE_URL=https:\u002F\u002Fapi.openai.com\u002Fv1\nIMG_MODEL=gpt-image-1.5\nIMG_API_KEY=your-api-key-here\n```\n\n| 变量 | 说明 | 示例 |\n|------|------|------|\n| `IMG_BASE_URL` | API 根地址 | `https:\u002F\u002Fapi.openai.com\u002Fv1` |\n| `IMG_MODEL` | 图片模型名称 | `gpt-image-1.5`、`dall-e-3` |\n| `IMG_API_KEY` | API 密钥 | `sk-...` |\n\n也兼容以下环境变量别名：`OPENAI_BASE_URL`、`OPENAI_API_BASE`、`OPENAI_IMAGE_MODEL`、`OPENAI_MODEL`、`OPENAI_API_KEY`。\n\n### 3. 在 Claude Code 中使用\n\n启动 Claude Code 后，直接用自然语言描述需求即可：\n\n```\n基于 data\u002FNEW002.jpg 这款男士白衬衫，生成 Amazon 详情页全套图片\n```\n![](.\u002F微信图片_20260507020653_3675_254.png)\n\n![](.\u002FScreenShot_2026-05-07_020427_301.png)\n\n\n```\n用 data\u002FNEW003.jpg 生成 3 张 Twitter\u002FX 推广帖子\n```\n\n```\n基于 data\u002FNEW004.jpg 生成电商直播间场景图\n```\n\n## 使用示例\n\n### 示例 1：生成 Amazon PDP 详情页\n\n```\n基于 data\u002F你的产品.jpg 生成 Amazon 详情页全套图片\n```\n\n自动输出 **5 张主图**（1024x1024）+ **9 张详情页图片**（1024x1536）：\n\n| 主图 | 用途 |\n|------|------|\n| H1 | 首图卖点 — 一眼可懂的视觉主张 |\n| H2 | 核心功能\u002F质感特写 |\n| H3 | 使用场景匹配 |\n| H4 | 普通方案 vs 升级方案对比 |\n| H5 | 优惠\u002F物流\u002F保障\u002FCTA |\n\n| 详情页 | 用途 |\n|--------|------|\n| D1 | 首屏承接 — 产品为谁解决什么问题 |\n| D2 | 痛点放大 — 展示用户当前不便 |\n| D3 | 机制解释 — 视觉化说明产品原理 |\n| D4 | 核心利益 — 2-4 个主要利益信息图 |\n| D5 | 使用步骤 — 3-4 步说明怎么用 |\n| D6 | 场景覆盖 — 典型使用场景 |\n| D7 | 对比选择 — 普通方案 vs 本产品 |\n| D8 | 信任背书 — 材料\u002F包装\u002F质检\u002F保障 |\n| D9 | FAQ \u002F 风险逆转 \u002F CTA |\n\n### 示例 2：生成社媒推广图\n\n```\n用 data\u002F你的产品.jpg 生成 3 张 Twitter\u002FX 推广帖子，风格要真实手机拍照感\n```\n\n### 示例 3：只输出 Prompt（不出图）\n\n```\n为我的护肤品设计一张主图 Prompt，白底棚拍风格\n```\n\n### 示例 4：直接使用生图脚本\n\n```bash\n# 直接传入 Prompt\npython3 .claude\u002Fskills\u002Fecom-details-image\u002Fscripts\u002Fgenerate_image.py \\\n  --prompt \"clean product hero image, white background, studio lighting\" \\\n  --size 1024x1024\n\n# 从文件读取 Prompt，附带产品参考图\npython3 .claude\u002Fskills\u002Fecom-details-image\u002Fscripts\u002Fgenerate_image.py \\\n  --prompt-file my-prompt.txt \\\n  --image data\u002Fproduct.jpg \\\n  --output-dir generated-images \\\n  --size 1024x1536 \\\n  --format png\n```\n\n**脚本参数：**\n\n| 参数 | 说明 | 默认值 |\n|------|------|--------|\n| `--prompt` | 直接传入图片生成 Prompt | （与 --prompt-file 二选一） |\n| `--prompt-file` | 从文本文件读取 Prompt | （与 --prompt 二选一） |\n| `--image` | 参考产品图片路径，提升产品一致性 | 无 |\n| `--output-dir` | 图片输出目录 | `generated-images` |\n| `--size` | 图片尺寸 | `1024x1024` |\n| `--quality` | 图片质量（low\u002Fmedium\u002Fhigh） | 无 |\n| `--format` | 图片格式（png\u002Fjpeg\u002Fwebp） | `png` |\n| `--n` | 生成数量 | `1` |\n| `--env-file` | 指定 .env 配置文件 | 自动向上查找 |\n\n## 项目结构\n\n```\n1click-ecom-detailpage\u002F\n├── .claude\u002F\n│   └── skills\u002F\n│       └── ecom-details-image\u002F        # 核心技能模块\n│           ├── SKILL.md               # Skill 定义和执行规则\n│           ├── README.md              # Skill 详细文档\n│           ├── .env.example           # API 配置模板\n│           ├── .gitignore             # Git 忽略规则\n│           ├── scripts\u002F\n│           │   └── generate_image.py  # 图片生成脚本（纯标准库）\n│           └── references\u002F\n│               └── templates\u002F         # 25 个场景模板\n│                   ├── 01-hero-image.json\n│                   ├── 02-lifestyle-scene.json\n│                   ├── 03-flat-lay.json\n│                   ├── 04-detail-macro.json\n│                   ├── 05-poster-banner.json\n│                   ├── 06-social-media.json\n│                   ├── 07-ugc-style.json\n│                   ├── 08-model-showcase.json\n│                   ├── 09-before-after.json\n│                   ├── 10-packaging.json\n│                   ├── 11-infographic.json\n│                   ├── 12-creative-concept.json\n│                   ├── 13-size-spec.json\n│                   ├── 14-multi-product.json\n│                   ├── 15-livestream.json\n│                   ├── 16-try-on-virtual.json\n│                   ├── 17-exploded-view.json\n│                   ├── 18-ghost-mannequin.json\n│                   ├── 19-multi-angle-grid.json\n│                   ├── 20-magazine-editorial.json\n│                   ├── 21-seasonal-campaign.json\n│                   ├── 22-luxury-atmospherics.json\n│                   ├── 23-device-mockup.json\n│                   ├── 24-storefront.json\n│                   └── 25-sports-campaign.json\n├── data\u002F                              # 产品原图输入目录\n│   ├── NEW001.jpg\n│   ├── NEW002.jpg\n│   ├── NEW003.jpg\n│   └── NEW004.jpg\n├── generated-images\u002F                  # AI 生成图片输出（已 gitignore）\n│   ├── new001-pdp\u002F                    # 示例：促销图 (2 张)\n│   ├── new002-pdp\u002F                    # 示例：Amazon PDP 全套 (14 张)\n│   ├── new003-twitter\u002F                # 示例：Twitter 社媒图 (3 张)\n│   └── new004-livestream\u002F             # 示例：直播间场景图 (3 张)\n└── .env                               # API 配置（不入库）\n```\n\n## 25 个场景模板一览\n\n| # | 模板 | 触发关键词 | 适用场景 |\n|---|------|-----------|---------|\n| 01 | 商品主图 | 主图、hero、白底 | Amazon\u002F淘宝首图、白底商品照 |\n| 02 | 生活方式 | lifestyle、场景、生活场景 | 使用场景、氛围感商品照 |\n| 03 | 平铺摆拍 | flat lay、平铺、俯拍 | 服装\u002F美妆\u002F配饰平铺展示 |\n| 04 | 细节特写 | detail、特写、macro | 面料纹理、工艺细节、材质展示 |\n| 05 | 海报Banner | poster、banner、海报 | 活动推广、首页Banner |\n| 06 | 社媒内容 | social、社媒、小红书、Instagram | 社交平台种草图、UGC 内容 |\n| 07 | UGC 风格 | UGC、用户晒单、真实评价 | 买家秀风格、真实使用场景 |\n| 08 | 模特展示 | model、模特、真人上身 | 服装\u002F配饰模特展示 |\n| 09 | 前后对比 | before after、对比、效果 | 护肤\u002F清洁\u002F健身效果对比 |\n| 10 | 包装设计 | packaging、包装、开箱 | 产品包装展示、开箱体验 |\n| 11 | 信息图表 | infographic、信息图、参数 | 产品参数、成分、规格说明 |\n| 12 | 创意概念 | creative、概念、创意 | 品牌视觉概念、艺术化表达 |\n| 13 | 尺码说明 | size、尺码、规格表 | 服装尺码对照、穿着建议 |\n| 14 | 多品组合 | multi、组合、套装、搭配 | 多款产品搭配、组合套装 |\n| 15 | 直播间 | 直播、livestream、带货 | 抖音\u002F淘宝直播间截图风格 |\n| 16 | 虚拟试穿 | try on、试穿、换装 | 虚拟试穿效果展示 |\n| 17 | 爆炸图 | exploded、爆炸图、拆解 | 产品结构拆解、组件展示 |\n| 18 | 隐形人台 | ghost、人台、3D | 服装 3D 立体展示 |\n| 19 | 多角度网格 | grid、多角度、360 | 多角度产品展示网格 |\n| 20 | 杂志编辑 | magazine、editorial、杂志 | 高级编辑部大片风格 |\n| 21 | 季节Campaign | seasonal、季节、节日 | 季节性营销活动 |\n| 22 | 轻奢氛围 | luxury、轻奢、高级 | 高端品牌氛围感大片 |\n| 23 | 设备样机 | mockup、样机、设备 | 手机\u002F电脑产品样机展示 |\n| 24 | 店铺陈列 | storefront、店铺、陈列 | 线下店铺\u002F展柜陈列 |\n| 25 | 运动Campaign | sports、运动、户外 | 运动品牌Campaign风格 |\n\n## 工作原理\n\n### Prompt \u002F Brief 模式\n\n当只需要策略和 Prompt 时，Skill 输出：\n\n1. **视觉简报**（Visual Brief）— 目标、主体、受众、风格\n2. **转化驱动力诊断** — 视觉驱动 \u002F 痛点驱动 \u002F 情感价值驱动\n3. **Campaign Style Lock** — 锁定整套图的视觉一致性\n4. **图片序列规划** — 主图序列 + 详情页序列\n5. **Final Image Prompt** — 可直接执行的图片生成 Prompt\n6. **负面约束** — 明确避免的内容\n\n### Generate 模式\n\n当明确要求生图时，Skill 额外执行：\n\n1. 为每张图写入独立 Prompt 文件\n2. 调用 `generate_image.py` 生成图片\n3. 输出文件路径列表\n\n### Campaign Style Lock 机制\n\n多图任务自动生成一段风格锁定文本，包含：\n\n- 固定色板（背景色、文字色、强调色）\n- 冷暖调统一\n- 字体系统（禁止混用）\n- 背景系统统一\n- 光线系统统一\n- 布局和图标风格统一\n- 禁止漂移项（色板变化、字体混用、光线不一致等）\n\n同一段 Lock 文本会原样复制到每张图的 Prompt 开头，保证整套图视觉一致。\n\n## 生成示例\n\n本项目 `data\u002F` 目录包含 4 张示例产品图，`generated-images\u002F` 中有对应的生成结果：\n\n| 产品 | 场景 | 生成数量 |\n|------|------|---------|\n| NEW001.jpg — 男士桑蚕丝短袖衬衫 | 促销推广图 | 2 张 |\n| NEW002.jpg — 男士白色商务衬衫 | Amazon PDP 详情页全套 | 14 张 (5 主图 + 9 详情页) |\n| NEW003.jpg — 男士白色长袖正装衬衫 | Twitter\u002FX 社媒推广帖 | 3 张 |\n| NEW004.jpg — 男士浅蓝色牛津纺衬衫 | 电商直播间场景 | 3 张 |\n\n> `generated-images\u002F` 已在 `.gitignore` 中忽略，不会提交到仓库。示例图片需自行运行 Skill 生成。\n\n## 安全说明\n\n- 本项目 **不内置任何 API 密钥**，每个使用者需配置自己的 `.env`\n- `.env` 和 `.env.*` 已在 `.gitignore` 中忽略，不会被提交\n- 不要在 PR、Issue 或任何公开场所分享 API 密钥\n- 生成的营销图中的效果承诺必须有真实证据支持，不虚构认证、数据或评价\n\n## 局限性\n\n- 图片生成依赖 OpenAI 兼容的 Images API\n- 不同服务商对 `size`、`quality`、`format` 的支持范围不同\n- 生图质量取决于所选模型和服务商\n- `--image` 参考图功能需要 API 服务端支持\n\n## 许可\n\nMIT License\n\n## 致谢\n\n- [Claude Code](https:\u002F\u002Fdocs.anthropic.com\u002Fen\u002Fdocs\u002Fclaude-code) — AI 编程助手\n- OpenAI Images 2 API — 图片生成接口标准\n","该项目是一个面向Claude Code \u002F Codex \u002F OpenClaw的跨境电商和国内电商通用视觉创作工具，能够根据输入的产品图片和需求描述自动生成完整的电商主图、详情页图片、社媒推广图、直播间场景图等全套视觉素材。其核心功能包括一站式电商图片生成、25种预设场景模板、Campaign Style Lock机制以确保多图视觉一致性以及转化驱动力诊断等。项目使用Python编写，支持在配置OpenAI兼容图片API后直接调用API生成图片，同时也可仅输出Prompt供人工使用。适合需要快速高效地为电商平台或社交媒体创建高质量视觉内容的企业和个人使用。",2,"2026-06-11 03:31:42","CREATED_QUERY"]