huashu-wechat-image

1# 公众号配图工作流
2 
3## ⚠️ 核心原则：先提案，后生成
4 
5**绝对不能跳过设计提案直接出图。** 正确流程：
6 
7```
8理解内容 → 设计提案（2-3个方向）→ 用户选择 → 生成 → 预览确认 → 上传
9```
10 
11设计审美画像和提案格式见姊妹skill `xhs-image/SKILL.md`，公众号配图同样适用。
12 
13## 核心参数
14 
15| 图片类型 | 尺寸 | 比例 | Playwright viewport | AI Prompt 长宽比声明 |
16|---------|------|------|---------------------|---------------------|
17| 头条封面 | 1800 x 766 px | 2.35:1 | `--viewport-size=1800,766` | `2.35:1 ultra-wide landscape, 1800x766 pixels` |
18| 正文宽图 | 1920 x 1080 px | 16:9 | `--viewport-size=1920,1080` | `16:9 landscape, 1920x1080 pixels` |
19| 正文方图 | 1440 x 1080 px | 4:3 | `--viewport-size=1440,1080` | `4:3 landscape, 1440x1080 pixels` |
20| 信息图 | 1080 x 自由 | 自由 | `--viewport-size=1080,N` | 按内容定 |
21 
22---
23 
24## Step 0: 确定配图需求 ✅ 用户确认
25 
26**向用户展示选项，等待确认：**
27 
28| 类型 | 说明 | 图片数量 | 推荐路径 |
29|------|------|---------|---------|
30| **A. 仅封面** | 头条封面图 | 1张 | AI 生成 |
31| **B. 正文配图** | 章节配图，辅助阅读理解 | 3-8张 | AI 生成为主 |
32| **C. 全套配图** | 封面 + 正文全部 | 4-10张 | AI 生成为主 |
33| **D. 纯信息图** | 数据对比、流程图、清单 | 1-5张 | AI 生成（精确数据表格用HTML兜底） |
34 
35**问用户**：
361. 做封面、正文插图、还是全套？
372. 文章路径/内容是什么？（分析内容确定配图位置）
383. 总共需要几张图？
39 
40### 配图数量建议
41 
42| 文章长度 | 推荐配图数 | 包含 |
43|---------|-----------|------|
44| < 1500字 | 2-3张 | 封面 + 1-2张正文 |
45| 1500-3000字 | 4-6张 | 封面 + 每个核心章节1张 |
46| 3000-5000字 | 6-8张 | 封面 + 章节图 + 信息图 |
47| > 5000字 | 8-10张 | 不超过10张，避免过度打断 |
48 
49---
50 
51## Step 1: 风格选择 ✅ 用户确认
52 
53**根据用户的文章类型，推荐 3 种风格供选择。**
54 
55### 按文章类型自动推荐
56 
57| 文章类型 | 第一推荐 | 第二推荐 | 第三推荐 |
58|---------|---------|---------|---------|
59| AI工具评测 | 极简专业 | 编辑杂志 | 数据信息图 |
60| 技术教程 | 极简专业 | 手绘白板 | 编辑杂志 |
61| 产品发布 | 编辑杂志 | 大字报 | 极简专业 |
62…