为微信公众号文章生成配图。支持多种风格(手绘笔记、3D黏土、瑞士极简、复古印刷等),可根据文章内容自动选择合适的风格和配色。当用户说"生成配图"、"做一张图"、"给文章配图"时使用。
Resources
1Install
npx skillscat add yanglei1826877278/myskills/wechat-image-generator Install via the SkillsCat registry.
SKILL.md
微信公众号配图生成助手
⚠️ 核心原则
必须遵守的3个要点
🎨 风格统一性
- 同一篇文章的所有配图风格必须保持一致
- 配色方案要与文章主题相符
📝 中文文字清晰
- 所有图片上的文字必须使用简体中文
- 在提示词中明确要求:"text in simplified Chinese, minimal text, accurate"
🖼️ 图片尺寸规范
- 封面图:16:9 横版(微信推荐比例)
- 内容配图:4:3 或 1:1(正文阅读友好)
快速开始
一键生成命令
cd /path/to/wechat-image-generator
# 生成配图(默认使用手绘笔记风)
python scripts/generate_image.py \
--prompt "图片描述" \
--api gemini \
--output output.png风格选项
风格 1:手绘视觉笔记风 (Sketchnote) 【默认】
适用场景:教程、干货、日常分享
核心要点:
- 风格定义:手绘视觉笔记 (Hand-drawn Sketchnote)、美式涂鸦 (Doodle)、方格纸背景 (Graph Paper)
- 配色逻辑:
- AI类:暖橙/珊瑚色 (Coral/Warm Orange) —— 温度与创造力
- 工具类:科技蓝/工程黄 (Tech Blue/Yellow) —— 实用与构建感
- 效率类:薄荷绿/鼠尾草绿 (Mint/Sage Green) —— 清新与秩序
- 视觉元素:马克笔触感、不完美的墨线、实体隐喻(机器人、工具箱、时钟等)
- 文字处理:手写体 (Handwritten typography)
生成命令:
python scripts/generate_image.py \
--prompt "A creative illustration for [主题], hand-drawn sketchnote style, doodle style, marker illustration, watercolor texture, on graph paper background. Central object: [画面主体]. Color palette: [配色英文名]. Title text '[标题]' written in handwritten font." \
--api gemini \
--output image_sketch.png风格 2:3D 软萌黏土风 (Claymorphism)
适用场景:轻松话题、入门教程、节日问候
核心要点:
- 风格定义:3D 渲染 (3D Render)、黏土材质 (Clay material)、哑光质感 (Matte finish)、柔和圆角 (Rounded shapes)
- 配色逻辑:
- AI类:柔和粉/淡紫 (Soft Pink/Lilac) —— 亲和力与陪伴感
- 工具类:天空蓝/云朵白 (Sky Blue/Cloud White) —— 轻量化与易用性
- 效率类:薄荷绿/奶油黄 (Mint Green/Cream Yellow) —— 轻松与舒适
- 视觉元素:极简3D模型、柔和光照、玩具质感、纯色背景
- 文字处理:圆润的无衬线字体 (Rounded Sans-serif)
生成命令:
python scripts/generate_image.py \
--prompt "A cute 3D illustration for [主题], claymorphism style, 3D render, matte clay material, soft rounded shapes, minimalist, pastel colors, clean background. Central object: [画面主体]. Color palette: [配色英文名]. High quality, soft studio lighting." \
--api gemini \
--output image_clay.png风格 3:瑞士极简几何风 (Swiss Minimalist)
适用场景:深度分析、行业报告、硬核干货、方法论
核心要点:
- 风格定义:瑞士平面设计 (Swiss Design)、包豪斯 (Bauhaus)、几何抽象 (Geometric Abstract)、网格系统 (Grid System)
- 配色逻辑:
- AI类:黑白 + 克莱因蓝 (Black/White + Klein Blue) —— 绝对理性与深度
- 工具类:深灰 + 亮黄 (Dark Grey + Bright Yellow) —— 工业级专业度
- 效率类:米白 + 国际橙 (Off-white + International Orange) —— 醒目与行动力
- 视觉元素:粗体文字排版、几何图形(圆、方、三角)、大面积留白、高对比度
- 文字处理:Helvetica 风格粗体无衬线字
生成命令:
python scripts/generate_image.py \
--prompt "A professional illustration for [主题], Swiss International Typographic Style, minimalist graphic design, geometric shapes, grid system, bold typography, clean layout. Visual element: [画面主体]. Color palette: [配色英文名]. High contrast, flat design." \
--api gemini \
--output image_swiss.png风格 4:复古孔版印刷风 (Risograph)
适用场景:独立开发、小众工具推荐、个人思考、极客内容
核心要点:
- 风格定义:孔版印刷 (Risograph)、噪点质感 (Grainy texture)、半调网点 (Halftone dots)、叠印效果 (Overprint)
- 配色逻辑:
- AI类:荧光粉 + 墨蓝 (Fluorescent Pink + Ink Blue) —— 复古未来感
- 工具类:明黄 + 黑色 (Bright Yellow + Black) —— 醒目且复古
- 效率类:蓝绿 + 珊瑚红 (Teal + Coral Red) —— 撞色活力
- 视觉元素:粗糙纹理、轻微错位 (Misalignment)、2-3种颜色的限制性调色板
- 文字处理:带有磨损感的复古字体
生成命令:
python scripts/generate_image.py \
--prompt "A artistic illustration for [主题], Risograph style, grain texture, halftone dots, limited color palette, misalignment effect, retro tech vibe. Central object: [画面主体]. Color palette: [配色英文名]. Minimalist composition." \
--api gemini \
--output image_riso.png配图类型指南
1. 概念配图
用于解释抽象概念、展示产品功能
提示词模板:
A [风格] illustration explaining [概念], showing [视觉隐喻],
[配色方案], clean composition, [文字说明如需要]示例:
python scripts/generate_image.py \
--prompt "A hand-drawn sketchnote illustration explaining AI workflow automation, showing a friendly robot connecting different tools with flowing lines, coral and warm orange color palette, clean composition" \
--api gemini \
--output concept_ai_workflow.png2. 对比配图
用于展示产品对比、功能差异
提示词模板:
A [风格] comparison illustration, left side showing [A],
right side showing [B], clear visual distinction, [配色方案]示例:
python scripts/generate_image.py \
--prompt "A Swiss minimalist comparison illustration, left side showing old manual process with clock and papers, right side showing automated process with robot and checkmarks, black white and klein blue color palette, clean grid layout" \
--api gemini \
--output compare_manual_vs_auto.png3. 流程配图
用于展示步骤、工作流程
提示词模板:
A [风格] process flow illustration, showing [步骤数] steps:
[步骤1] -> [步骤2] -> [步骤3], connected with arrows, [配色方案]示例:
python scripts/generate_image.py \
--prompt "A 3D claymorphism process flow illustration, showing 3 steps: upload file -> AI processing -> download result, connected with playful arrows, soft pink and lilac color palette, clean background" \
--api gemini \
--output flow_ai_process.png4. 数据配图
用于展示统计数据、性能对比
提示词模板:
A [风格] data visualization, showing [数据类型] chart,
highlighting [关键数据], [配色方案], clean and readable示例:
python scripts/generate_image.py \
--prompt "A Risograph style data visualization, showing bar chart comparing performance metrics, highlighting 3x speed improvement, bright yellow and black color palette, grain texture, minimalist composition" \
--api gemini \
--output data_performance.png风格选择指南
| 文章类型 | 推荐风格 | 配色建议 |
|---|---|---|
| 教程/干货/日常分享 | 手绘笔记风 | 暖色系(橙、黄、绿) |
| 深度分析/行业报告 | 瑞士极简风 | 高对比(黑白+强调色) |
| 轻松话题/节日问候 | 3D 黏土风 | 柔和粉彩色 |
| 独立项目/极客内容 | 复古印刷风 | 限制性撞色 |
质量检查清单
生成配图后,务必检查:
- 中文文字清晰可读,无乱码
- 颜色鲜明,与文章主题匹配
- 视觉重点突出
- 风格与同篇其他配图一致
- 图片尺寸符合使用场景
常见问题
Q: 如何让中文更清晰?
在提示词末尾添加:
text in simplified Chinese, minimal text, accurate Chinese characters, clear typographyQ: 如何保持多张图风格一致?
- 使用相同的风格关键词
- 使用相同的配色方案
- 保持相似的构图方式
Q: 生成的图片有乱码怎么办?
- 减少图片上的文字数量
- 使用更简单的中文词汇
- 尝试换一个 API(如从 Gemini 换到 DALL-E)
快速参考
风格关键词速查
| 风格 | 核心关键词 |
|---|---|
| 手绘笔记 | hand-drawn, sketchnote, doodle, marker, graph paper |
| 3D 黏土 | claymorphism, 3D render, clay material, matte, rounded |
| 瑞士极简 | Swiss design, geometric, grid system, bold typography |
| 复古印刷 | Risograph, grain texture, halftone, limited palette |
配色英文对照
| 中文 | 英文 |
|---|---|
| 暖橙/珊瑚色 | Coral / Warm Orange |
| 科技蓝/工程黄 | Tech Blue / Engineering Yellow |
| 薄荷绿 | Mint Green |
| 柔和粉/淡紫 | Soft Pink / Lilac |
| 天空蓝/云朵白 | Sky Blue / Cloud White |
| 克莱因蓝 | Klein Blue |
| 国际橙 | International Orange |
| 荧光粉 | Fluorescent Pink |
| 墨蓝 | Ink Blue |
记住:好的配图应该增强内容表达,而不是分散读者注意力。少即是多!