Huashu Wechat Image
为微信公众号文章生成高质量配图。支持封面图(2.35:1)、正文插图(16:9/4:3)、信息图。提供两条路径:AI生成(视觉创意型)和HTML渲染(文字精确型)。当用户提到"...
Install
npx skills add alchaincyf/huashu-skills --skill huashu-wechat-image -g -a claude-code -y- Repository
- alchaincyf/huashu-skills2.2k
- Category
- Engineering
- Updated
- 9d ago
- License
- MIT
- Context cost
- Mediumabout 2,344 tokens
- Runs scripts
- Yes, review before use
What it does
为微信公众号文章生成高质量配图。支持封面图(2.35:1)、正文插图(16:9/4:3)、信息图。提供两条路径:AI生成(视觉创意型)和HTML渲染(文字精确型)。当用户提到"公众号配图"、"公众号封面"、"文章配图"、"正文插图"、"公众号图片"时使用此技能。
公众号配图工作流
⚠️ 核心原则:先提案,后生成
绝对不能跳过设计提案直接出图。 正确流程:
理解内容 → 设计提案(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兜底) |
问用户:
- 做封面、正文插图、还是全套?
- 文章路径/内容是什么?(分析内容确定配图位置)
- 总共需要几张图?
配图数量建议
| 文章长度 | 推荐配图数 | 包含 |
|---|---|---|
| < 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: 选择生成路径 ✅ 用户确认
根据内容特征推荐路径,向用户展示对比:
