Wechat Zimage Generator

WeChat Z-Image Generator (公众号配图生成器)

使用智谱 AI 的 Z-Image Turbo API 为微信公众号文章生成高质量配图。支持单图生成、批量生成、风格预设，以及从选题到发布的一键生成。

🎯 特别优化：专门针对 ChatGPT、Claude、Gemini、Grok 等 AI 工具镜像站使用指南优化了提示词库和配图方案。

核心功能

• ✅ 快速生成: Z-Image Turbo 模型，20-30秒生成一张图
• ✅ 风格预设: 9种专业风格（notion/tech/warm/minimal等）
• ✅ 批量处理: 一次命令生成多张图片
• ✅ 公众号优化: 提示词针对文章配图优化
• ✅ 完整工作流: 从生成配图到发布文章一条龙
• ✅ AI工具专用: 专门的 AI 镜像站配图提示词库

🚀 一键生成 AI 工具镜像站指南（推荐）⭐

专门针对 ChatGPT、Claude、Gemini、Grok 等 AI 工具镜像站使用指南优化！

快速生成完整文章

# ChatGPT 镜像站指南
bun .claude/skills/wechat-zimage-generator/scripts/topic-to-article.ts \
  --topic "ChatGPT镜像站使用指南" \
  --style notion \
  --images 6

# Claude 镜像站指南
bun .claude/skills/wechat-zimage-generator/scripts/topic-to-article.ts \
  --topic "Claude镜像站完整教程" \
  --style notion \
  --images 6

# Gemini 镜像站指南
bun .claude/skills/wechat-zimage-generator/scripts/topic-to-article.ts \
  --topic "Gemini镜像站访问指南" \
  --style notion \
  --images 6

# 多AI工具对比
bun .claude/skills/wechat-zimage-generator/scripts/topic-to-article.ts \
  --topic "ChatGPT vs Claude vs Gemini 镜像站对比" \
  --style minimal \
  --images 5

使用专用配图模板

我们提供了完整的 AI 工具镜像站配图提示词库（AI-TOOLS-PROMPTS.md），包含：

11种配图类型：

1. 封面图 - ChatGPT/Claude/Gemini/Grok 专用封面
2. 功能对比图 - 核心功能、性能、价格对比
3. 镜像站访问教程图 - 注册、登录、导航流程
4. 技术原理图 - 工作原理、网络路径、CDN加速
5. 安全隐私图 - 数据加密、隐私保护
6. 实用场景图 - 办公、学习、创作场景
7. 问题解决图 - FAQ、故障排除
8. 优势特点图 - 核心优势、速度稳定性
9. 推荐选择图 - 推荐列表、决策树
10. 提示词技巧图 - 基础结构、高级技巧
11. 未来展望图 - 发展趋势、技术演进

5个完整配图方案：

• 方案A：ChatGPT镜像站完整指南（7张）
• 方案B：多AI工具镜像站对比（6张）
• 方案C：Claude镜像站深度教程（6张）
• 方案D：Gemini镜像站多模态指南（6张）
• 方案E：镜像站技术原理深度解析（7张）

快速使用配图方案

# 使用预设的配图方案
cat > chatgpt-mirror.json << 'EOF'
{
  "outputDir": "./chatgpt-mirror-guide",
  "images": [
    {
      "prompt": "ChatGPT镜像站访问指南，notion风格，极简手绘线条，黑色线条白色背景，绿色点缀，对话框图标，火柴人使用笔记本电脑，网络连接符号，浅蓝云朵，清晰明了，16:9横版",
      "output": "cover.jpg"
    },
    {
      "prompt": "AI镜像站概念图，tech科技风格，深蓝电光青色，深灰背景，中心服务器图标，周围多个镜像节点，网络连接线，全球地图轮廓，科技感强，16:9横版",
      "output": "concept.jpg"
    },
    {
      "prompt": "镜像站注册登录流程，notion风格，极简手绘线条，黑色线条白色背景，浅蓝点缀，1-2-3-4步骤数字，箭头连接，邮箱图标密码图标，火柴人操作界面，流程清晰，16:9横版",
      "output": "registration.jpg"
    }
  ]
}
EOF

bun .claude/skills/wechat-zimage-generator/scripts/batch-simple.ts chatgpt-mirror.json

🎨 AI 工具专用提示词特点

设计原则

• notion风格为主: 极简手绘线条，清晰易懂，适合技术教程
• tech风格辅助: 科技感强，适合镜像站、网络访问等技术概念
• minimal风格对比: 数据对比、性能展示用极简图表
• 品牌色融合: ChatGPT绿、Claude橙、Gemini蓝紫、Grok黑白红

提示词优化

• ✅ 技术概念可视化（服务器、节点、网络连接）
• ✅ 教程步骤清晰（1-2-3-4数字+箭头）
• ✅ 品牌识别度高（适度使用品牌色）
• ✅ 信息层次分明（对比表格、流程图）

查看完整提示词库：

cat .claude/skills/wechat-zimage-generator/AI-TOOLS-PROMPTS.md

🚀 通用文章生成（其他主题）

支持的风格:

• tech - 科技类（默认）
• business - 商业类
• education - 教育类
• lifestyle - 生活类
• notion - 通用知识分享

# 生成科技类文章
bun .claude/skills/wechat-zimage-generator/scripts/topic-to-article.ts \
  --topic "Claude Cowork" \
  --style tech

# 生成教育类文章  
bun .claude/skills/wechat-zimage-generator/scripts/topic-to-article.ts \
  --topic "Python编程入门" \
  --style education \
  --images 6

# 生成商业类文章
bun .claude/skills/wechat-zimage-generator/scripts/topic-to-article.ts \
  --topic "AI创业机会" \
  --style business \
  --author "商业观察"

自动完成:

1. ✅ 生成文章结构和内容框架
2. ✅ 根据章节自动生成配图
3. ✅ 创建发布脚本
4. ✅ 组织文件结构

快速开始

方式一：单图生成

# 生成封面图
bun .claude/skills/wechat-zimage-generator/scripts/generate-image.ts \
  --prompt "科技感的AI大脑，蓝色光芒" \
  --style cover \
  --output cover.jpg

# 生成文章插图
bun .claude/skills/wechat-zimage-generator/scripts/generate-image.ts \
  --prompt "温馨的办公场景，有电脑和咖啡" \
  --style illustration \
  --output article-1.jpg

方式二：批量生成（推荐）⭐

创建配置文件 images.json:

{
  "outputDir": "./article-images",
  "images": [
    {
      "prompt": "科技感的AI大脑，蓝色调",
      "output": "cover.jpg",
      "style": "cover"
    },
    {
      "prompt": "程序员在写代码",
      "output": "coding.jpg",
      "style": "illustration"
    },
    {
      "prompt": "现代化的办公室",
      "output": "office.jpg",
      "style": "photo"
    }
  ]
}

然后运行：

# 使用简化版批量生成（推荐，更稳定）
bun .claude/skills/wechat-zimage-generator/scripts/batch-simple.ts images.json

实测效果: 5张图片约2-3分钟完成，成功率100%

风格预设

提示: 使用风格预设可以显著提升图片质量和一致性

Integration with WeChat Publisher

Workflow 1: Generate then Publish

# 1. Generate images
bun .claude/skills/wechat-zimage-generator/scripts/batch-generate.ts images.json

# 2. Publish article with generated images
bun .claude/skills/baoyu-post-to-wechat/scripts/wechat-article.ts \
  --markdown article.md \
  --theme grace

Workflow 2: Auto-generate from Article

Create a script that:

1. Parses article markdown
2. Extracts image descriptions from comments
3. Generates images
4. Updates markdown with image paths
5. Publishes to WeChat

API Configuration

Environment Variable

export KEY=xxx

Default Key

Built-in key: ms-YOUR_MODELSCOPE_KEY_HERE

Get your own key at: https://modelscope.cn/

Examples

Example 1: Tech Article Cover

bun generate-image.ts \
  --prompt "未来科技，AI人工智能，蓝色科技感，专业设计" \
  --style cover \
  --output tech-cover.jpg

Example 2: Tutorial Illustrations

{
  "outputDir": "./tutorial-images",
  "images": [
    {
      "prompt": "第一步：打开电脑，简洁插画风格",
      "output": "step-1.jpg",
      "style": "illustration"
    },
    {
      "prompt": "第二步：编写代码，VS Code界面",
      "output": "step-2.jpg",
      "style": "illustration"
    },
    {
      "prompt": "第三步：运行程序，终端界面",
      "output": "step-3.jpg",
      "style": "illustration"
    }
  ]
}

Example 3: Lifestyle Article

# Generate warm, cozy images
bun generate-image.ts \
  --prompt "温馨的咖啡馆，阳光透过窗户，暖色调" \
  --style photo \
  --output cafe.jpg

Prompt Tips

Good Prompts for AI Mirror Guides

封面图：

• ✅ "ChatGPT镜像站访问指南，notion风格，极简手绘线条，黑色线条白色背景，绿色点缀，对话框图标，火柴人使用笔记本电脑，网络连接符号，清晰明了，16:9横版"

技术原理图：

• ✅ "AI镜像站概念图，tech科技风格，深蓝电光青色，深灰背景，中心服务器图标，周围多个镜像节点，网络连接线，全球地图轮廓，科技感强，16:9横版"

流程图：

• ✅ "镜像站注册登录流程，notion风格，极简手绘线条，黑色线条白色背景，浅蓝点缀，1-2-3-4步骤数字，箭头连接，邮箱图标密码图标，火柴人操作界面，流程清晰，16:9横版"

对比图：

• ✅ "AI工具核心功能对比表，notion风格，极简手绘线条，黑色线条白色背景，表格布局三列四行，ChatGPT绿Claude橙Gemini蓝标识，对勾叉号图标，功能名称清晰，专业对比，16:9横版"

General Good Prompts

• ✅ "科技感的AI大脑，蓝色调，专业设计，高质量"
• ✅ "温馨的办公场景，有笔记本电脑和咖啡，明亮"
• ✅ "现代简约风格的工作空间，白色背景"

Avoid

• ❌ "图片" (too vague)
• ❌ "好看的" (subjective)
• ❌ Too long prompts (keep under 150 characters for best results)

Troubleshooting

Generation Timeout

• Default timeout: 5 minutes
• If timeout occurs, try again or simplify prompt

API Key Issues

# Test your API key
export KEY=xxx
bun generate-image.ts --prompt "test" --output test.jpg

Image Quality

• Use style presets for better results
• Add quality keywords: "高质量", "专业", "清晰"
• Specify aspect ratio for covers: "16:9比例"

Advanced Usage

Custom Model

bun generate-image.ts \
  --prompt "your prompt" \
  --model "Tongyi-MAI/Z-Image-Turbo" \
  --output custom.jpg

Programmatic Usage

import { generateImage } from './generate-image.ts';

const imagePath = await generateImage({
  prompt: '科技感的AI',
  style: 'cover',
  output: 'my-cover.jpg'
});

console.log(`Generated: ${imagePath}`);

Pricing

Z-Image Turbo on ModelScope:

• Free tier available
• Check ModelScope pricing for details

Related Skills and Resources

Skills

• baoyu-post-to-wechat - Publish articles to WeChat
• baoyu-cover-image - Alternative cover generation
• baoyu-article-illustrator - Article illustration generation

Documentation

• AI Mirror Quickstart - Quick guide for AI tool mirror site articles
• AI Tools Prompts - Complete prompt library for AI tools
• Style Guide - 9 professional styles explained
• Prompt Templates - General prompt templates
• Topic to Article - One-command article generation guide

Examples

• examples/ai-mirror-guide.json - AI mirror site guide (6 images)
• examples/article-images.json - General article images
• examples/gemini-article-config.json - Gemini article
• examples/claude-vs-chatgpt-config.json - AI comparison

🎯 Use Cases

AI Tool Mirror Site Guides

Perfect for creating comprehensive guides for:

• ChatGPT mirror sites
• Claude mirror sites
• Gemini mirror sites
• Grok mirror sites
• Multi-AI tool comparisons

Features:

• 11 specialized image types
• 5 complete image sets
• Brand color integration
• Technical concept visualization

General Articles

Also works great for:

• Tech tutorials
• Business analysis
• Educational content
• Lifestyle articles

📈 Performance

Based on real testing:

• ✅ Single image: 20-30 seconds
• ✅ 5 images batch: 2-3 minutes
• ✅ Success rate: ~100%
• ✅ Image quality: 1024x1024, high quality
• ✅ Supported formats: JPG, PNG

🚀 Quick Commands

# AI mirror guide (one command)
bun scripts/topic-to-article.ts --topic "ChatGPT镜像站使用指南" --style notion --images 6

# Batch generate with preset
bun scripts/batch-simple.ts examples/ai-mirror-guide.json

# Single image
bun scripts/generate-image.ts --prompt "your prompt" --output image.jpg

# View AI tools prompts
cat AI-TOOLS-PROMPTS.md

# View examples
ls examples/