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

# 商品主图设计

## 概述

-为每个产品生成主图图片
-主图图片放到每个产品对应的`主图`目录下
## 使用场景

- 有产品主图需要更新

## 工作流程

### 步骤 1: 准备素材
- 根据产品详情页，归纳出主图要展示的信息

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



### 步骤 2: 设计主图html
- 主图尺寸：800*800
- 一个主图一个html


### 步骤 3: 导出图片

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

## 主图规范



## 配色参考



## 字体规范



## 示例模板