Skills

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
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 viewportAI Prompt 长宽比声明
头条封面1800 x 766 px2.35:1--viewport-size=1800,7662.35:1 ultra-wide landscape, 1800x766 pixels
正文宽图1920 x 1080 px16:9--viewport-size=1920,108016:9 landscape, 1920x1080 pixels
正文方图1440 x 1080 px4:3--viewport-size=1440,10804: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: 选择生成路径 ✅ 用户确认

根据内容特征推荐路径,向用户展示对比:

Read the whole SKILL.md on GitHub

More in Engineering