# Huashu Wechat Image

为微信公众号文章生成高质量配图。支持封面图（2.35:1）、正文插图（16:9/4:3）、信息图。提供两条路径：AI生成（视觉创意型）和HTML渲染（文字精确型）。当用户提到"...

- Repository: https://github.com/alchaincyf/huashu-skills (2152 stars)
- Category: Engineering
- License: MIT
- Last updated: 2026-10-26
- Runs scripts: yes, review before use

## Install

Claude Code: `npx skills add alchaincyf/huashu-skills --skill huashu-wechat-image -g -a claude-code -y`
Codex: `npx skills add alchaincyf/huashu-skills --skill huashu-wechat-image -g -a codex -y`
Cursor: `npx skills add alchaincyf/huashu-skills --skill huashu-wechat-image -g -a cursor -y`
Gemini CLI: `npx skills add alchaincyf/huashu-skills --skill huashu-wechat-image -g -a gemini-cli -y`

## Description

为微信公众号文章生成高质量配图。支持封面图（2.35:1）、正文插图（16:9/4:3）、信息图。提供两条路径：AI生成（视觉创意型）和HTML渲染（文字精确型）。当用户提到"公众号配图"、"公众号封面"、"文章配图"、"正文插图"、"公众号图片"时使用此技能。

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# 公众号配图工作流

## ⚠️ 核心原则：先提案，后生成

**绝对不能跳过设计提案直接出图。** 正确流程：

```
理解内容 → 设计提案（2-3个方向）→ 用户选择 → 生成 → 预览确认 → 上传
```

设计审美画像和提案格式见姊妹skill `xhs-image/SKILL.md`，公众号配图同样适用。

## 核心参数

| 图片类型 | 尺寸 | 比例 | Playwright viewport | AI Prompt 长宽比声明 |
|---------|------|------|---------------------|---------------------|
| 头条封面 | 1800 x 766 px | 2.35:1 | `--viewport-size=1800,766` | `2.35:1 ultra-wide landscape, 1800x766 pixels` |
| 正文宽图 | 1920 x 1080 px | 16:9 | `--viewport-size=1920,1080` | `16:9 landscape, 1920x1080 pixels` |
| 正文方图 | 1440 x 1080 px | 4:3 | `--viewport-size=1440,1080` | `4:3 landscape, 1440x1080 pixels` |
| 信息图 | 1080 x 自由 | 自由 | `--viewport-size=1080,N` | 按内容定 |

---

## Step 0: 确定配图需求 ✅ 用户确认

**向用户展示选项，等待确认：**

| 类型 | 说明 | 图片数量 | 推荐路径 |
|------|------|---------|---------|
| **A. 仅封面** | 头条封面图 | 1张 | AI 生成 |
| **B. 正文配图** | 章节配图，辅助阅读理解 | 3-8张 | AI 生成为主 |
| **C. 全套配图** | 封面 + 正文全部 | 4-10张 | AI 生成为主 |
| **D. 纯信息图** | 数据对比、流程图、清单 | 1-5张 | AI 生成（精确数据表格用HTML兜底） |

**问用户**：
1. 做封面、正文插图、还是全套？
2. 文章路径/内容是什么？（分析内容确定配图位置）
3. 总共需要几张图？

### 配图数量建议

| 文章长度 | 推荐配图数 | 包含 |
|---------|-----------|------|
| < 1500字 | 2-3张 | 封面 + 1-2张正文 |
| 1500-3000字 | 4-6张 | 封面 + 每个核心章节1张 |
| 3000-5000字 | 6-8张 | 封面 + 章节图 + 信息图 |
| > 5000字 | 8-10张 | 不超过10张，避免过度打断 |

---

## Step 1: 风格选择 ✅ 用户确认

**根据用户的文章类型，推荐 3 种风格供选择。**

### 按文章类型自动推荐

| 文章类型 | 第一推荐 | 第二推荐 | 第三推荐 |
|---------|---------|---------|---------|
| AI工具评测 | 极简专业 | 编辑杂志 | 数据信息图 |
| 技术教程 | 极简专业 | 手绘白板 | 编辑杂志 |
| 产品发布 | 编辑杂志 | 大字报 | 极简专业 |
| 深度分析 | 编辑杂志 | 数据信息图 | 极简专业 |
| 个人故事 | Snoopy温暖漫画 | 温暖叙事 | 编辑杂志 |
| 行业观察 | 大字报 | 编辑杂志 | 数据信息图 |

**向用户展示 3 个推荐风格**，每个包含：
- 风格名 + 一句话描述
- 适用场景
- 色彩倾向

**问用户**：选哪个风格？或者你有自己想要的参考？

**完整风格库：** `references/style-gallery.md`

---

## Step 2: 选择生成路径 ✅ 用户确认

**根据内容特征推荐路径，向用户展示对比：**

The rest: https://github.com/alchaincyf/huashu-skills/blob/HEAD/huashu-wechat-image/SKILL.md