wuchubuzai2018 技能概述
技能名称： wechat-red-envelope-cover-designer 核心功能： 生成符合微信红包封面开放平台规范的封面设计图片，包括封面图、封面挂件、气泡挂件和封面故事素材。 适用场景：
- 春节、中秋、情人节、七夕、圣诞、生日、元宵、端午、元旦、国庆等节日主题红包封面设计
- 自定义品牌活动主题红包封面设计
- 企业或个人定制红包封面需求
完整工作流程
需求确认 → 制定设计方案 → 生成封面图片 → 交付与审核提醒
阶段一：需求确认
在开始设计前，必须与用户确认以下关键信息：
1. 基础信息确认
封面主题：
- 节日类型选择：春节、中秋、情人节、七夕、圣诞、生日、元宵、端午、元旦、国庆
- 或品牌活动主题
封面简称：
- 最多8个字
- 显示在红包封面上
- 可以是：企业名称字号、公众号名称、视频号名称、注册商标
是否需要品牌logo：
- 是/否
- 如果是，需要提供logo文件（200×200px，≤100KB）
目标受众：
- 普通用户
- 企业客户
- 特定群体
2. 设计风格确认
整体风格选择：
- 国潮（传统元素+现代设计）
- 简约
- 插画
- 3D立体
- 扁平化
- 手绘
- Q萌可爱
- 复古
- 其他自定义风格
主色调偏好：
- 红金色系（适合春节、国庆等喜庆节日）
- 粉紫色系（适合情人节、七夕）
- 蓝白色系（适合中秋、冰雪主题）
- 绿色系（适合端午、环保主题）
- 自定义颜色描述
元素偏好：
- 传统元素（祥云、纹样、窗花等）
- 现代元素（几何图形、抽象设计等）
- 吉祥物
- 抽象图案
- 特定IP形象
3. 素材需求确认
用户选择需要生成的素材：
- ☑️ 封面图（必需素材）
- ☐ 封面挂件（可选素材）
- ☐ 气泡挂件（可选素材）
- ☐ 封面故事图片（可选素材，最多5张）
4. 特殊需求确认
是否包含人物肖像：
- 如果是，需要提供肖像权授权书（授权有效期需≥提审后6个月）
是否使用注册商标：
- 如果是，需要提供商标注册证
是否包含版权素材：
- 如果是，需要提供版权授权书（授权有效期需≥提审后6个月）
阶段二：制定设计方案
根据用户确认的需求，向用户展示完整的设计方案：
方案展示格式
【设计方案】
━━━━━━━━━━━━━━━━━━━━━━━━
🎨 主题：[主题名称]
📝 封面简称：[简称]（≤8字）
🎯 设计风格：[风格描述]
🎨 主色调：[色彩方案]
📦 素材清单：
1. ☑️ 封面图（必需）- 957×1278像素
2. ☐ 封面挂件（可选）- 1053×1746像素
3. ☐ 气泡挂件（可选）- 480×384像素
4. ☐ 封面故事图片（可选）- 750×1250像素 × [数量]
━━━━━━━━━━━━━━━━━━━━━━━━
方案确认
- 用户确认设计方案无误后，进入下一阶段
- 如有修改需求，调整后再次确认
- 确认后方可开始生成图片
阶段三：生成封面图片
严格按照以下顺序和规范生成各类素材：
生成顺序
- 封面图（必需）- 957×1278px
- 封面挂件（可选）- 1053×1746px
- 气泡挂件（可选）- 480×384px
- 封面故事图（可选）- 750×1250px
图片生成步骤
步骤1：选择提示词模板
如果是节日主题：
- 使用
references/festival-prompts.md中对应的节日专属提示词 - 确保使用与节日匹配的元素和配色方案
如果是自定义主题：
- 使用
references/prompt-templates.md中的通用模板 - 根据用户需求替换变量，补充细节
步骤2：构建完整提示词
根据选择的模板，替换以下变量：
[用户选择的风格]：替换为用户确认的具体风格[主色调]：替换为用户确认的配色方案[主题描述]：替换为具体的主题名称[核心视觉元素描述]：替换为用户确认的核心元素（如生肖形象、动物等）[背景设计]：替换为具体的背景描述[装饰性元素]：替换为用户确认的装饰元素
步骤3：强调关键构图规则
- 使用
references/dimension-specs.md中的尺寸规范文件的详细说明
在提示词中必须包含尺寸规范文件中的相关规则，例如以下说明：
封面图构图规则：
- 主要视觉元素集中在画面中部和下部
- 上方区域避免复杂图案，确保白色文字清晰可读
- 画面底部15%可能被遮挡，避免放置关键元素
封面挂件构图规则：
- 说明：挂件应是一个图案或图标，具备一定的造型和装饰纹样，不应是单一的线条或线框。封面挂件会和封面图一起展示在拆红包页。
- 尺寸：1053×1746像素，宽高比约3:5
- 可编辑区域：仅顶部约324px区域可编辑（其余区域为不可编辑区域）
- 设计元素必须 100% 位于顶部324px区域内（包括阴影、光晕、粒子等细节）
- 顶部324px以下区域必须保持完全空白/透明（不可出现任何不透明像素）
- 挂件应是一个图案或图标，具备一定的造型和装饰纹样，不应是单一的线条或线框。
气泡挂件构图规则：
- 挂件应是一个图案或图标，具备一定的造型和装饰纹样，不应是单一的线条或线框。气泡挂件会和封面图一起展示在红包气泡上。
- 尺寸：480×384像素，宽高比5:4
- 可编辑区域（按平台编辑器示意图）：
- 顶部96px为可编辑区域（可出现元素）
- 中间216px为不可编辑区域（必须完全透明留空，不可出现任何不透明像素）
- 底部72px为可编辑区域（可出现元素）
- 元素不得越界：包括阴影、描边、发光、粒子等都不得进入中间216px不可编辑区域
封面故事图构图规则：
- 说明：封面故事将在红包详情页展示，用于讲述品牌、团队、封面创作背后的故事，让品牌文化更好地传递。
- 尺寸：750×1250像素，宽高比3:5
- 画面顶部和底部各10%可能在部分设备上被裁切
- 关键元素集中在画面中央80%区域
- 底部预留空间用于可选的故事描述文字叠加
步骤4：强调禁止元素
在提示词中必须包含以下禁止内容：
- 不包含任何文字、水印或logo
- 不包含二维码、条形码或联系方式
- 不包含真实人物照片或肖像
- 不包含品牌商品图片或广告元素
- 不包含政治、宗教或争议性符号
- 内容适合全年龄段用户
步骤5：调用图片生成工具
使用
scripts/generate_image工具生成初始图片，使用命令样例如下：node scripts/generate_image.js -p "日落山脉风景" -f "sunset.png" -a 1:1 -r 2K命令解释如下：
参数 必填 说明 -p/--prompt是 图片描述（文生图）或编辑指令（图生图）。保留用户原始完整输入。 -f/--filename否 输出图片路径/文件名；不传则自动生成带时间戳的 PNG 文件名，并写入当前目录。 -a/--aspect-ratio否 图片比例： 1:1、16:9、9:16、4:3、3:4、3:2、2:3、5:4、4:5、21:9。-r/--resolution否 图片分辨率： 1K/2K/4K（必须大写）。不传则不在请求中指定，由 API 侧决定。-i/--input-image否 图生图输入图片路径；可传多张（最多 14 张）。传入该参数即进入编辑模式。 根据素材类型设置合适的描述
每次调用可以生成多张图片以提高质量
步骤6：调整图片尺寸并自动压缩
- 使用
scripts/readme.md中的说明内容，理解图片尺寸规范和智能压缩策略
使用 scripts/resize_cover.js 脚本对生成的图片进行精确裁剪、尺寸调整和智能压缩：
脚本功能：
- 自动居中裁剪，保持目标比例
- 智能压缩：自动调整质量直到满足微信大小限制
- 支持批量生成所有尺寸
- 自动检查文件大小限制
- 挂件类自动强制安全区域透明
- 显示安全区域提示
- 注意：本脚本不处理背景去除，背景去除请使用 remove_bg_enhanced.js
微信大小限制：
- 封面图：≤500KB
- 封面挂件：≤300KB（PNG透明）
- 气泡挂件：≤300KB（PNG透明）
- 封面故事：≤300KB
使用方法：
安装依赖
cd scripts npm install单类型裁剪（自动压缩）
# 生成封面图（自动压缩到≤500KB） node resize_cover.js <输入图片> cover # 生成封面挂件（自动裁剪到标准尺寸，仅保留顶部324px可编辑区域） node resize_cover.js <输入图片> hang # 生成气泡挂件（自动裁剪到标准尺寸，保留顶部96px和底部72px可编辑区域） node resize_cover.js <输入图片> bubble # 生成封面故事（自动压缩到≤300KB） node resize_cover.js <输入图片> story批量生成所有尺寸
node resize_cover.js <输入图片> all [输出目录]指定输出路径
node resize_cover.js <输入图片> <类型> <输出路径>
支持的尺寸：
- 封面图：957×1278px（3:4）
- 封面挂件：1053×1746px（3:5，仅顶部324px可编辑，PNG透明）
- 气泡挂件：480×384px（5:4，顶部96px+底部72px可编辑，中间216px透明留空，PNG透明）
- 封面故事：750×1250px（3:5）
智能压缩策略：
脚本会自动尝试多种压缩策略直到满足限制：
非透明图片（封面图、故事图）：
- JPEG质量调整：90% → 85% → ... → 55%
- 使用mozjpeg优化编码
- 必要时降低分辨率
透明图片（挂件类）：
- 8-bit调色板PNG
- 降低调色板质量
- 限制颜色数量（128色）
- 最大压缩级别
- 必要时降低分辨率
输出示例：
📸 封面图
原始: 1920×1080px, 2450.50KB
目标: 957×1278px, ≤500KB
裁剪: 1438×1080px → 957×1278px
✅ 已保存: ./output/cover.jpg
大小: 485.32KB / 500KB
压缩: jpeg, 质量75%
步骤7：处理透明背景（仅挂件）
对于封面挂件和气泡挂件，需要确保背景为透明（PNG格式），元素必须位于规定的安全区域内。
使用 remove_bg_enhanced.js（AI生成图专用）
适用于AI生成的复杂背景图片，具有智能的背景检测算法：
脚本特点：
- 智能背景检测（支持白色/灰色/自动模式）
- 基于亮度和颜色距离的双重检测算法
- 边缘羽化和抗锯齿处理
- 噪点过滤（自动去除小杂质）
- 针对AI生成图片优化
使用方法：
先生成白底图片
# 生成封面挂件（提示词中包含 "PURE WHITE BACKGROUND"） node generate_image.js -p "... PURE WHITE BACKGROUND ..." -i "封面.png" -f "封面挂件_白底.png" -a "2:3" # 生成气泡挂件 node generate_image.js -p "... PURE WHITE BACKGROUND ..." -i "封面.png" -f "气泡挂件_白底.png" -a "5:4"使用增强脚本去除背景
# 处理封面挂件 node remove_bg_enhanced.js 封面挂件_白底.png 封面挂件.png --mode white --tolerance 35 --feather 4 # 处理气泡挂件 node remove_bg_enhanced.js 气泡挂件_白底.png 气泡挂件.png --mode white --tolerance 35 --feather 3调整尺寸到规范要求
# 封面挂件调整到标准尺寸（已透明，直接裁剪即可） node resize_cover.js 封面挂件.png hang 封面挂件.png # 气泡挂件调整到标准尺寸（已透明，直接裁剪即可） node resize_cover.js 气泡挂件.png bubble 气泡挂件.png
参数说明：
| 参数 | 说明 | 默认值 | 建议值 |
|---|---|---|---|
--mode |
背景检测模式：white/gray/auto |
auto | white（白底图） |
--tolerance |
背景容差（0-100），越大越激进 | 30 | 35-50 |
--feather |
边缘羽化像素（0-20） | 3 | 3-5 |
--smooth |
边缘平滑度（0-10） | 2 | 2-4 |
--min-area |
最小保留区域像素数 | 100 | 100-200 |
完整工作流示例：
# 1. 生成白底挂件图片
node generate_image.js \
-p "A decorative pendant design on PURE WHITE BACKGROUND..." \
-i "封面.png" \
-f "封面挂件_白底.png" \
-a "2:3"
# 2. 去除背景
node remove_bg_enhanced.js \
封面挂件_白底.png \
封面挂件_透明.png \
--mode white \
--tolerance 35 \
--feather 4 \
--min-area 200
# 3. 调整尺寸到微信规范
node resize_cover.js \
封面挂件_透明.png \
hang \
封面挂件.png \
--no-remove-bg
注意事项：
- 生成图片时务必在提示词中加入
PURE WHITE BACKGROUND - 容差值根据实际效果调整，复杂背景可适当增大
- 羽化值越大边缘越柔和，但可能损失细节
- 处理完成后必须使用
resize_cover.js调整至标准尺寸
阶段四：交付与审核提醒
完成所有素材生成后，向用户提供完整的交付清单和审核提醒：
交付清单格式
【交付清单】
━━━━━━━━━━━━━━━━━━━━━━━━
✅ 封面图 (957×1278px)，文件名称
└─ 格式：PNG/JPG，≤500KB
☐ 封面挂件 (1053×1746px)，文件名称
└─ 格式：PNG透明背景，≤300KB
☐ 气泡挂件 (480×384px)，文件名称
└─ 格式：PNG透明背景，≤300KB
☐ 封面故事图片 (750×1250px) × [数量]，文件名称
└─ 格式：PNG/JPG，≤300KB每张
📋 提交审核提醒：
- [ ] 准备封面简称（≤8字）
- [ ] 准备品牌logo（如需，200×200px，≤100KB）
- [ ] 准备证明材料（如涉及商标/肖像/版权）
- [ ] 授权有效期需≥提审后6个月
━━━━━━━━━━━━━━━━━━━━━━━━
审核前自检提醒
提醒用户在提交审核前进行以下检查：
- 内容合规性检查
- 不包含任何法律禁止内容
- 不包含政治敏感内容
- 不包含联系方式和引流信息
- 不包含商业推广内容
- 不侵犯他人版权、商标、肖像权
- 设计质量检查
- 画面清晰锐利，无模糊、锯齿
- 色彩搭配和谐统一
- 构图平衡，焦点明确
- 文件大小符合要求
- 尺寸精确无误
- 安全区域检查
- 封面图上方25%区域简洁干净
- 封面图底部15%无关键元素
- 封面挂件元素仅在顶部324px可编辑区域内（其余区域透明留空）
- 气泡挂件中间216px不可编辑区域完全透明（元素仅出现在顶部96px与底部72px）
- 格式要求检查
- 封面图：PNG/JPG，≤500KB，957×1278px
- 封面挂件：PNG透明，≤300KB，1053×1746px
- 气泡挂件：PNG透明，≤300KB，480×384px
- 封面故事：PNG/JPG，≤300KB/张，750×1250px
工作流程的关键原则
1. 循序渐进
- 每个阶段完成后才能进入下一阶段
- 必须在用户确认设计方案后才能开始生成图片
- 确保每个步骤都符合规范要求
2. 遵循规范
- 严格遵循
references/dimension-specs.md中的尺寸规范 - 严格遵循
references/prompt-templates.md和references/festival-prompts.md中的提示词模板 - 严格遵循
references/audit-standards.md中的审核标准
3. 风格统一
- 所有素材（封面图、挂件、故事图）必须使用统一的设计语言
- 色彩、风格、元素选择要协调一致
- 形成完整的视觉体系
4. 安全优先
- 始终以审核通过率为首要目标
- 任何不确定的内容都不要使用
- 保持内容积极向上、健康正面
5. 用户确认
- 每个关键阶段都需要用户确认
- 用户的满意度是最终目标
- 根据用户反馈及时调整
常见场景处理
场景1：用户选择节日主题
- 从
references/festival-prompts.md中选择对应的节日模板 - 使用节日专属的元素和配色方案
- 按照节日主题的设计要求生成素材
场景2：用户有自定义品牌需求
- 使用
references/prompt-templates.md中的通用模板 - 融入用户的品牌元素（logo、品牌色等）
- 提醒用户准备商标注册证等证明材料
场景3：用户需要所有素材
- 按照顺序生成：封面图 → 封面挂件 → 气泡挂件 → 封面故事图
- 确保每张图片都符合对应的尺寸规范
- 保持所有素材的风格统一
场景4：用户只需要封面图
- 仅生成封面图（957×1278px）
- 确保构图符合安全区域要求
- 重点优化封面图的视觉效果
技能目录文件结构
核心功能： 存放技能运行所需的参考文档、模板和规范文件，为微信红包封面设计提供标准化的指导依据。
├── SKILL.md # 技能主文件，包含完整的工作流程和使用说明
└── scripts/ # 脚本文件夹
├── generate_image.js # 图片生成脚本（文生图/图生图）
├── resize_cover.js # 图片尺寸裁剪和压缩脚本
├── remove_bg_enhanced.js # 增强版背景去除脚本（AI图专用）
├── package.json # 依赖配置
└── README.md # 脚本使用说明
└── references/ # 参考文档文件夹
├── dimension-specs.md # 尺寸规范文档
├── prompt-templates.md # 通用提示词模板
├── festival-prompts.md # 节日专属提示词
└── audit-standards.md # 审核标准文档
references文件清单及用途说明
1. dimension-specs.md（尺寸规范文档）
文档作用： 定义微信红包封面各类素材的精确尺寸规格和设计要求
2. prompt-templates.md（通用提示词模板）
文档作用： 提供各类素材的通用提示词模板，确保生成的图片符合微信红包封面规范
3. festival-prompts.md（节日专属提示词）
文档作用： 为不同节日提供专属的提示词模板，包含节日特定的元素、配色方案和设计要求
4. audit-standards.md（审核标准文档）
文档作用： 详细说明微信红包封面的审核标准和禁止内容，确保生成的素材能够通过平台审核
scripts脚本清单及用途说明
1. generate_image.js（图片生成脚本）
文件作用： 调用AI接口生成图片，支持文生图和图生图
核心功能：
- 文生图：根据提示词生成全新图片
- 图生图：基于已有图片进行编辑和优化
- 支持多种比例和分辨率
使用场景：
- 生成封面图、挂件、故事图等素材
- 基于已有图片生成配套素材（保持风格一致）
2. resize_cover.js（尺寸裁剪脚本）
文件作用： 调整图片尺寸至微信红包封面规范，并进行智能压缩
核心功能：
- 自动居中裁剪，保持目标比例
- 智能压缩至符合大小限制
- 挂件类自动强制安全区域透明（仅保留可编辑区域内容）
使用场景：
- 将图片调整到微信红包封面的标准尺寸
- 压缩文件至符合微信大小限制
- 强制挂件类图片的安全区域（自动裁剪掉不可编辑区域）
注意事项：
- 本脚本不负责背景去除，仅处理尺寸和压缩
- 如需去背景，请先使用 remove_bg_enhanced.js 处理
3. remove_bg_enhanced.js（增强版背景去除脚本）⭐ 推荐
文件作用： 专为AI生成图片设计的智能背景去除工具
核心功能：
- 智能背景检测（白色/灰色/自动模式）
- 亮度和颜色距离双重检测算法
- 边缘羽化和抗锯齿处理
- 噪点过滤，保留主体细节
使用场景：
- AI生成挂件图片的背景去除
- 复杂背景的专业级抠图
- 需要精细边缘处理的场景
脚本分工：
| 功能 | resize_cover.js | remove_bg_enhanced.js |
|---|---|---|
| 主要职责 | 尺寸裁剪和压缩 | 背景去除和透明处理 |
| 适用场景 | 所有图片的尺寸标准化 | AI生成图片的背景去除 |
| 核心能力 | 居中裁剪、智能压缩、安全区域限制 | 智能背景检测、边缘羽化、噪点过滤 |
| 使用时机 | 最后一步尺寸标准化 | 去背景后，resize_cover.js之前 |
| 典型工作流 | 最后执行 | 先生成白底图→去背景→resize_cover.js调整尺寸 |
references文件使用原则
- 优先使用节日专属模板
- 当用户选择节日主题时，优先使用 festival-prompts.md 中的对应模板
- 确保节日元素和配色方案符合节日特色
- 通用模板作为补充
- 当用户有自定义需求或节日专属模板不完全匹配时，使用 prompt-templates.md 中的通用模板
- 根据用户需求替换变量，补充细节
- 严格遵守尺寸规范
- 所有素材必须严格按照 dimension-specs.md 中的尺寸要求生成
- 特别注意构图安全区域，确保文字可读性
- 始终遵循审核标准
- 所有设计必须符合 audit-standards.md 中的要求
- 避免使用任何禁止内容
- 确保内容适合全年龄段用户
- 风格保持一致
- 所有素材（封面图、挂件、故事图）必须使用统一的设计语言
- 色彩、风格、元素选择要协调