wechat-red-envelope-cover-designer

技能概述

技能名称： 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像素 × [数量]
━━━━━━━━━━━━━━━━━━━━━━━━

方案确认

• 用户确认设计方案无误后，进入下一阶段
• 如有修改需求，调整后再次确认
• 确认后方可开始生成图片

阶段三：生成封面图片

严格按照以下顺序和规范生成各类素材：

生成顺序

1. 封面图（必需）- 957×1278px
2. 封面挂件（可选）- 1053×1746px
3. 气泡挂件（可选）- 480×384px
4. 封面故事图（可选）- 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

使用方法：

1. 安装依赖

   cd scripts
   npm install
   

2. 单类型裁剪（自动压缩）

   # 生成封面图（自动压缩到≤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
   

3. 批量生成所有尺寸

   node resize_cover.js <输入图片> all [输出目录]
   

4. 指定输出路径

   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生成图片优化

使用方法：

1. 先生成白底图片

   # 生成封面挂件（提示词中包含 "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"
   

2. 使用增强脚本去除背景

   # 处理封面挂件
   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
   

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个月
━━━━━━━━━━━━━━━━━━━━━━━━

审核前自检提醒

提醒用户在提交审核前进行以下检查：

1. 内容合规性检查
   • 不包含任何法律禁止内容
   • 不包含政治敏感内容
   • 不包含联系方式和引流信息
   • 不包含商业推广内容
   • 不侵犯他人版权、商标、肖像权
2. 设计质量检查
   • 画面清晰锐利，无模糊、锯齿
   • 色彩搭配和谐统一
   • 构图平衡，焦点明确
   • 文件大小符合要求
   • 尺寸精确无误
3. 安全区域检查
   • 封面图上方25%区域简洁干净
   • 封面图底部15%无关键元素
   • 封面挂件元素仅在顶部324px可编辑区域内（其余区域透明留空）
   • 气泡挂件中间216px不可编辑区域完全透明（元素仅出现在顶部96px与底部72px）
4. 格式要求检查
   • 封面图：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：用户选择节日主题

1. 从 references/festival-prompts.md 中选择对应的节日模板
2. 使用节日专属的元素和配色方案
3. 按照节日主题的设计要求生成素材

场景2：用户有自定义品牌需求

1. 使用 references/prompt-templates.md 中的通用模板
2. 融入用户的品牌元素（logo、品牌色等）
3. 提醒用户准备商标注册证等证明材料

场景3：用户需要所有素材

1. 按照顺序生成：封面图 → 封面挂件 → 气泡挂件 → 封面故事图
2. 确保每张图片都符合对应的尺寸规范
3. 保持所有素材的风格统一

场景4：用户只需要封面图

1. 仅生成封面图（957×1278px）
2. 确保构图符合安全区域要求
3. 重点优化封面图的视觉效果

技能目录文件结构

核心功能： 存放技能运行所需的参考文档、模板和规范文件，为微信红包封面设计提供标准化的指导依据。

├── 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文件使用原则

1. 优先使用节日专属模板
   • 当用户选择节日主题时，优先使用 festival-prompts.md 中的对应模板
   • 确保节日元素和配色方案符合节日特色
2. 通用模板作为补充
   • 当用户有自定义需求或节日专属模板不完全匹配时，使用 prompt-templates.md 中的通用模板
   • 根据用户需求替换变量，补充细节
3. 严格遵守尺寸规范
   • 所有素材必须严格按照 dimension-specs.md 中的尺寸要求生成
   • 特别注意构图安全区域，确保文字可读性
4. 始终遵循审核标准
   • 所有设计必须符合 audit-standards.md 中的要求
   • 避免使用任何禁止内容
   • 确保内容适合全年龄段用户
5. 风格保持一致
   • 所有素材（封面图、挂件、故事图）必须使用统一的设计语言
   • 色彩、风格、元素选择要协调