更新产品配置和技能定义
This commit is contained in:
49
.trae/skills/product-main-image/SKILL.md
Normal file
49
.trae/skills/product-main-image/SKILL.md
Normal file
@@ -0,0 +1,49 @@
|
||||
---
|
||||
name: product-main-image
|
||||
description: 设计电商产品的主图。当用户需要为产品生成主图图片或海报时使用此技能。
|
||||
---
|
||||
|
||||
# 商品主图设计
|
||||
|
||||
## 概述
|
||||
|
||||
-为每个产品生成主图图片
|
||||
-主图图片放到每个产品对应的`主图`目录下
|
||||
## 使用场景
|
||||
|
||||
- 有产品主图需要更新
|
||||
|
||||
## 工作流程
|
||||
|
||||
### 步骤 1: 准备素材
|
||||
- 根据产品详情页,归纳出主图要展示的信息
|
||||
|
||||
- 可以使用产品目录下`image`目录中的图片作为素材
|
||||
|
||||
|
||||
|
||||
### 步骤 2: 设计主图html
|
||||
- 主图尺寸:1000*1000
|
||||
- 一个主图一个html
|
||||
|
||||
|
||||
### 步骤 3: 导出图片
|
||||
|
||||
使用 `image-tools` 技能的 `convert-html-to-png.js` 脚本:
|
||||
|
||||
## 主图规范
|
||||
|
||||
|
||||
|
||||
## 配色参考
|
||||
|
||||
|
||||
|
||||
## 字体规范
|
||||
|
||||
|
||||
|
||||
## 示例模板
|
||||
|
||||
|
||||
|
||||
Reference in New Issue
Block a user