Menü
使用 ChatGPT GPT-4o 生成高质量图片（手动模式），提供提示词模板和约束条件模板
| name | chatgpt-image-gen |
| description | 使用 ChatGPT GPT-4o 生成高质量图片（手动模式），提供提示词模板和约束条件模板 |
| version | 1.1.0 |
| repository | https://github.com/shinelp100/chatgpt-image-gen |
| depends_on | ["chrome-devtools-mcp"] |
使用 ChatGPT GPT-4o 图片生成功能，提供预设提示词模板和约束条件。
Cloudflare Turnstile 拦截：ChatGPT 使用 Cloudflare 安全验证，Chrome DevTools MCP 控制的浏览器会被检测为机器人，自动化方案无法工作。
ChatGPT 官网 vs OpenAI API 计费差异：
| 对比项 | ChatGPT 官网 (chatgpt.com) | OpenAI API (platform.openai.com) |
|---|---|---|
| 计费模式 | 订阅制 (Free/Plus/Pro) | 按量付费（必须绑卡） |
| 免费额度 | Free 用户每天几张图片 | 没有免费额度 |
| 付款方式 | Free 用户不需要绑卡 | 必须绑定信用卡 |
| 适用场景 | 个人使用 | 开发者集成 |
结论：即使 ChatGPT 官网可以免费生成图片，API 平台也需要绑定付款方式才能使用。
推荐模式：手动操作 + 提示词模板文件
# 查看提示词文件
cat ~/.hermes/skills/creative/chatgpt-image-gen/prompt-光模块规格演进.txt
或使用模板生成新提示词：
# 提示词模板位置
cat ~/.hermes/skills/creative/chatgpt-image-gen/templates/prompts.md
复制提示词内容，粘贴到输入框，发送等待图片生成（约 1-2 分钟）。
右键图片 → 保存到本地
内容：[Mermaid flowchart 代码或描述内容]
要求：
1、解析 Mermaid flowchart 语法，生成渐变背景 + 毛玻璃卡片的信息图
2、支持 TD（垂直）和 LR（横向）布局
3、自动水印（题材调研员）、emoji 匹配、品牌定制
4、主题：hand-drawn-edu | 手绘风教育插画 | 米白纸张背景 + 手绘边框 | #E8655A
内容：[描述内容]
风格：极简、专业、商务
配色：蓝色系 + 白色背景
尺寸：适合微信公众号（竖屏 800px 宽）
输入：
用 ChatGPT 生成图片，内容是：[Mermaid flowchart 代码]
执行步骤：
| 问题 | 解决方案 |
|---|---|
| Cloudflare "正在验证..." 卡住 | 无法绕过，改用手动模式 |
| 模型选择器找不到 GPT-4o | 检查账号是否有 Plus 订阅 |
| 图片生成失败 | 简化提示词，避免敏感内容 |
| 提示词太长 | 分段发送或简化 Mermaid 代码 |
Ideogram 文字渲染能力最强，最适合信息图生成。
# 获取 API Key: https://ideogram.ai/settings/api
export IDEOGRAM_API_KEY="your-api-key"
# 生成图片
python ~/.hermes/skills/creative/chatgpt-image-gen/scripts/ideogram_generate.py \
--file prompt.txt \
--output output.png \
--aspect 10_16 # 竖屏公众号格式
优势：
| 模型 | 特点 | 免费 | 推荐度 |
|---|---|---|---|
| 通义万相 | 中文理解最佳 | ✅ 新用户额度 | ⭐⭐⭐⭐⭐ |
| Bing Image Creator | DALL-E 3 质量 | ✅ 每日 15 张 | ⭐⭐⭐⭐ |
| Stable Diffusion 本地 | 完全免费无限制 | ✅✅ | ⭐⭐⭐⭐⭐ |
| FLUX.1 本地 | 高质量开源 | ✅✅ | ⭐⭐⭐⭐ |
完全自动化，无 Cloudflare 问题：
python ~/.hermes/skills/flowchart-to-instagram/scripts/flowchart_renderer.py \
input.mmd --output output.png
Chrome DevTools MCP 被 Cloudflare Turnstile 检测的原因：
| 检测维度 | 检测内容 |
|---|---|
| WebDriver 标志 | navigator.webdriver === true |
| CDP 连接 | 远程调试端口 9222 开放 |
| 浏览器指纹 | Canvas/WebGL/Audio 指纹异常 |
| 用户行为 | 鼠标轨迹、点击间隔过于精确 |
| IP 信誉 | 来自数据中心/云服务器 |
绕过方案对比：
| 方案 | 效果 | 成本 | 推荐场景 |
|---|---|---|---|
| 手动操作 | ✅ 100% | 免费 | 偶尔使用 |
| Residential Proxy | ✅ 90% | $10-50/月 | 大规模自动化 |
| 本地渲染 | ✅ 无需绕过 | 免费 | 信息图生成 |
| API 调用 | ✅ 无浏览器 | 按量付费 | 开发者集成 |
重要：Host 配置错误会导致资源加载失败，但不是 Cloudflare 拦截的原因。即使资源正常加载，自动化特征仍会被检测。
mcp/chrome-screenshot - 截取网页内容flowchart-to-instagram - 本地信息图生成（无需 Cloudflare）beautiful-mermaid - Mermaid 图表美化