Files
membank/.codebuddy/skills/product-main-image/SKILL.md
12600k-rog-d4 c45b8eacd0 fix: 优化主图布局和内容显示
- 主图1: 正面图放大,周围留白统一
- 主图2: 改为竖向排列,标题改为可选CPU和可选内存硬盘
- 主图3: 大图周围留白减少,右侧卖点填充满
- 主图4: 竖向排列,修改文案(包邮、详细教程、标配等)
- 主图5: 调整底部间距,避免重叠
2026-04-04 22:42:54 +08:00

753 B
Raw Blame History

name, description
name description
product-main-image 设计电商产品的主图。当用户需要为产品生成主图图片或海报时使用此技能。

商品主图设计

概述

-为每个产品生成主图图片 -主图图片放到每个产品对应的主图目录下

使用场景

  • 有产品主图需要更新

工作流程

步骤 1: 准备素材

  • 根据产品详情页,归纳出主图要展示的信息

  • 可以使用产品目录下image目录中的图片作为素材

步骤 2: 设计主图html

  • 主图尺寸800*800
  • 一个主图一个html

步骤 3: 导出图片

使用 image-tools 技能的 convert-html-to-png.js 脚本:

主图规范

配色参考

字体规范

示例模板