name: 电商设计大师 author: 书童哥 version: 1.1.0 description: "当用户要做电商主图、产品海报、促销海报、详情页、多平台组图或品牌视觉一体化设计时触发。本 skill 是电商视觉一体化编排器：以一句话需求为输入，编排「生成→规范→量化审核→结构化评审→详情页延展」六层协同，产出多平台合规、可审计、品牌一致的成片。支持真实产品透明 PNG 合成、参数卡驱动质检、AI 痕迹防御。作者：书童哥。"

电商设计大师

作者：书童哥 ｜ 版本：v1.1.0 ｜ 定位：电商视觉一体化设计编排器

把「电商主图 / 产品海报 / 促销海报 / 详情页 / 多平台组图 / 品牌视觉」从一句话需求，编排成可交付、可审计、多平台合规、品牌一致的成片体系。

一、5 分钟上手：直接照抄的 3 段对话

新手不知道第一句话怎么说？下面三段覆盖 90% 场景，复制改字即可。

示例 1：一句话出单张海报（最简单）

你：「帮我做一张牡丹六堡茶包的国风促销海报，竖屏 9:16，卖点是『陈香十年 · 一盒 30 包』。」

它会做： 1. 建立品牌锁（牡丹六堡茶 / 国风 / 主色 #8B4513 等） 2. 生成背景 + 合成透明 PNG 产品图 3. 自检构图 / 网格 / 字体 4. 跑 design-qa（字号比 / 产品占比 / WCAG 等） 5. 交付：成图 + poster-spec.md 参数卡

你需要提供：产品透明 PNG（RGBA，不要聊天转码后的白底图）。

示例 2：给参考图，让它照着感觉做（中等）

你：「我参考这张海报的感觉（贴图），帮我的荷花六堡茶包做一张同款调性的，卖点文案不要改。」

它会做： 1. 走「图片重混腿」：读参考图 → 提取构图 / 配色 / 氛围 2. 保留参考图调性，替换自有产品与文案 3. 跑质检与评审 4. 交付：同款感觉的成图 + 参数卡

关键约束：必须同时提供你的真实产品透明 PNG 和逐字确认的卖点文案，防止模型擅自发挥。

示例 3：详情页 + 主图一套做（复杂）

你：「给醒狮罐六堡茶做一套详情页，再顺便出 5 张主图，淘宝用。卖点是『宫廷贡茶工艺 / 醒狮罐礼盒 / 陈化五年』。」

它会做： 1. 以详情页为主工作流（liubao-detail-page） 2. 主图受品牌锁约束，与详情页共享配色 / 字体 / 调性 3. 按淘宝主图规格（1:1 或 3:4）分别出图 4. 输出：可视化 HTML 详情页 + 5 张主图 + 统一参数卡

二、能力清单

⚠️ 出图前务必先读「第零节 · 生图模型选型」，选错模型会直接翻车。

三、触发词

「做电商主图」「出产品海报」「设计详情页」「做组图」「品牌视觉」「电商图」「提取卖点」「参考这张图做海报」等。

四、环境依赖：它到底会调什么

评测反馈：很多用户不知道它依赖哪些工具、会不会收费、要不要配置。这里一次性说清楚。

4.1 它会自动调用的 skill（本地已安装时）

4.2 它会用到的脚本 / 工具

4.3 不需要的

• 不需要你手动安装 ImageGen / Midjourney / Stable Diffusion。
• 不需要你懂设计规范；它会自己跑自检。

五、渐进式使用指南

评测反馈：文档信息密度大，缺少从简单到复杂的引导。按下面 3 个阶段用。

阶段 1：先跑通一次（用示例 1）

目标：拿到第一张成图，熟悉流程。

1. 准备一张产品透明 PNG（磁盘路径）。
2. 说：「帮我做一张 [产品名] 的 [国风/ins] 海报，卖点是 [逐字写死]。」
3. 它会先确认尺寸、平台、风格，然后出图。
4. 拿到图后，看附带的参数卡，了解「原来它检查了这些」。

阶段 2：加规范约束（用示例 2/3）

目标：让输出更接近你的品牌。

1. 第一次出图后，把品牌色 / logo 字体 / 常用卖点写进品牌锁。
2. 下次任务先说：「按我之前的品牌锁做。」
3. 给参考图时，同时说「保留这个构图，替换产品和文案」。

阶段 3：批量与复合（详情页 + 组图）

目标：一次产出多套物料。

1. 明确主工作流：「以详情页为主，顺便出 5 张主图。」
2. 它会自动让主图受详情页品牌锁约束，保证视觉一致。
3. 组图会按平台规格分别裁剪，不用你一张张交代。

第零节 · 生图模型选型前置决策（避坑必读 · 进流程前的选型闸门）

一句话需求进来，先对照下表定模型，再进第六节标准工作流。咱们在六堡茶实战踩过的坑：电商产品图用分步流水线慢且不如端到端、长中文交给模型直接渲染必翻车、Qwen 网页版出不了 1080×1920、国风意境图用 MJ 会"洋气"不对味。选错模型 = 直接翻车。

三条红线（务必遵守）： 1. ⚠️ 任何模型生成的"产品 / 包装 / 茶汤"都是臆造，必须替换真实透明 PNG，商用前不可留。 2. ⚠️ 长中文文案永远走 Pillow 压字，不要把"出图"和"出字"交给同一个模型。 3. ⚠️ 要 9:16 竖屏（1080×1920）用 Qwen API 版，别用网页版（比例锁死 + 水印）。

六、标准工作流（含输入 / 输出示例）

[状态层]   查 / 建品牌锁与风格库 → 保证多图 / 多平台视觉一致
[分诊]     识别主场景（主图 / 海报 / 详情页 / 组图 / 重混）→ 选主工作流
[对标]     用户提供了参考图？→ 走图片重混腿（保留参考图构图调性，替换自有产品与文案）
[生成]     简约海报生成：出背景 + 真实产品合成 + 参数卡
[规范]     简约海报设计：构图 / 网格 / 字体纪律自检
[审核]     design-qa：15 项 + D/E 类硬指标；不过 → 回退生成层
[评审]     design-critique（可选）：结构化反馈
[交付]     成图 + 参数卡（决策可追溯）
[沉淀]     更新品牌锁 / 风格库 / 会话锚点

输入示例：

产品：牡丹六堡茶包（透明 PNG 路径：D:\...\牡丹茶包.png）
平台：小红书
尺寸：竖屏 9:16（1080×1920）
风格：国风宣纸
卖点（逐字）：陈香十年 · 一盒 30 包 · 独立小泡
品牌色：#8B4513 / #F7F5F0

输出示例：

成图：牡丹六堡茶包海报_v1.png
参数卡：poster-spec.md（含配色 hex、字号比、构图模式、产品占比、质检结果）
品牌锁更新：{session}/brand-lock.md

七、架构：六层协同（原创编排模型）

本 skill 不自己出图，而是编排六个专长 skill 协同作业，各层只管一段、共享同一套契约，避免风格 / 合规断层：

防矛盾核心：六层共用「参数卡契约 + 红线 + 平台规格 + 状态层 + 复合编排 + 质量门 + 防御句库」七份共享契约（见第八节）。任一层的输出都是下一层的输入，且都基于同一参数卡，杜绝各管一段、口径漂移。

八、协同契约（让六层不打架）

1. 参数卡契约（poster-spec）：生成层产出、规范层校验、qa 层审核都基于同一 YAML 参数卡（概念 / 配色 / 版式 / 构图 / 字号比 / 占比 / 边距）。这是六层协同的「真理来源」。
2. 红线（不可逾越）：中轴居中构图、竖屏 9:16（1080×1920）、真实 PNG 合成禁止二次抠白底、文案绝不编造（卖点写死 + 禁未授权词）、产品视觉占比 ≥ 10%、六堡茶「红浓陈醇」是四大品质特征不能当一种味道。
3. 平台规格：国内 7 平台精确比例 / 背景 / 文件大小 / 禁用元素，见 references/ecommerce-platform-specs.md。

   小葱技能7w4.net有更新，你可以访问看下。

4. 状态层（跨任务一致）：品牌锁（colors / logo / typography / model / scene）+ 风格库 + 会话锚点，跨海报 / 详情页 / 组图复用同一份视觉契约，防 VI 漂移。
5. 复合编排（多产物协同）：一次需求出发，一个主工作流 + 其他作约束（不并行跑多个）；如「主图 + 详情页」以详情页为主、主图受品牌锁约束。
6. 质量门（场景权重）：按主场景套用权重（电商组图 / 海报-信息类 / 海报-艺术类 / 社媒封面 / 风格重混），任一 P0 子项 < 6 直接 regen。
7. 防御句库（出图前必挂）：文字唯一性 / 氛围不吞主体 / 无几何分割 / 梯度过渡 / 品牌标签可读 / B 策略底图留白等，生成前内建防御，比事后质检更省轮次。

九、详情页设计专项

复用 liubao-detail-page：按 SKU / 渠道 / 活动产出详情页方案——CRO 诊断 + 信息架构 + 5 主图规划 + 卖点提炼 + 痛点-信任-促单转化文案 + 合规红线，并可渲染为暖色调国风或 ins 清新风格的可视化 HTML / 图片切片。与海报共享构图纪律、平台规格、绝不编造红线、屏序节奏（4 拍 + 叙事弧）。

十、红线与合规（商用安全）

• 真实产品图必带「严禁变形，保持原始比例」约束。
• AI 生成的场景图 / 小包装 / 内容物常为模型臆造，商用前须替换为真实素材或删除。
• 文案逐字写死 + 「不要加任何未提及文字」，防模型擅自补未授权内容。
• 凡调用会自动扩展卖点的生图模型，卖点必须逐字写死。

十一、反模式速查表（集中版）

把分散在各节的反面模式汇总到这里，生成前 / 质检时快速核对。

构图类（最常翻车）

文字类

电商/写实类

十二、异常处理与 FAQ

评测反馈：异常处理空泛。这里给出具体场景和对应动作。

Q1：它说「缺产品图」怎么办？

原因：真实产品透明 PNG 是合成必需的，聊天转码后的白底图会丢透明通道。 动作：把产品图保存为磁盘路径的 PNG（RGBA），重新提供路径。

Q2：生成图上有乱码 / 重复文字？

原因：AI 直接渲染中文不稳定，或卖点太长超出模型能力。 动作： - 短标题（≤15 字）：检查是否挂了 §13.5 防御句； - 长文案：改用「底图 + Pillow 压字」策略 B。

Q3：qa 审核没通过，但它一直在重试？

原因：可能是 P0 项（比例错/分辨率错/文案错误）硬失败，必须人工修正 brief。 动作：先看参数卡里哪项 fail，按优先级修：比例 > 文案 > 产品占比 > 边距 > 配色。

Q4：参考图重混后风格不像？

原因：可能没走图片重混腿，或 prompt 里丢了参考图的氛围词。 动作：明确说「走图片重混腿，保留参考图的构图和配色，只换我的产品和文案」。

Q5：详情页和主图风格不一致？

原因：没启用状态层 / 品牌锁。 动作：先做一张主图建立品牌锁，再让它「按品牌锁做详情页」。

Q6：它说需要 Qwen API Key？

原因：生成层调用 Qwen-Image-2.0-Pro 需要 key。 动作：在 ~/.workbuddy/skills/简约海报生成/scripts/.env 配置 QWEN_API_KEY，或用其他支持的生图后端。

Q7：「六层协同」能不能只用其中一层？

可以。比如只问「这张海报哪里不对」→ 只触发简约海报设计；只跑质检 → 只触发 design-qa。本 skill 会自动根据你的需求分诊。

十三、参考库

• references/poster-composition-library.md：5 构图模式 + 视觉权重三区 + 7 铁律 + 12 子类型比例。
• references/ecommerce-platform-specs.md：国内 7 平台精确比例 / 背景 / 文件大小 / 禁用元素。

十四、版权声明

本技能（电商设计大师）由「书童哥」原创，核心生成与审核脚本（qwen_image.py / design_qa.py）为自研实现（非任何第三方打包工具）。允许个人学习与非商业使用；禁止未经授权的二次分发、售卖、或改头换面重新发布（含被 AI 蒸馏整合后改发）；如需转载或商用，须先获作者授权并保留署名。

© 书童哥 ｜ 本 skill 为原创方法论编排，基于六层协同实践沉淀，仅供学习与交流使用。

这是一套专业的电商视觉设计prompt方案，文档结构完整、示例丰富、质量审核机制健全，平台合规说明详尽，对新手友好。主要优点是上手快、质控严格、防翻车考虑周到。不足之处在于主要依赖其他skill工作，缺少可直接运行的代码工具，且仅限个人学习使用，商业使用需授权。适合有一定AI工具使用经验、从事电商设计的用户。配置和依赖方面对新手有一定门槛。