十几张配图带来几十万流量,花了不到五毛钱,朋友以为我请了专业设计 ✍ 百年 AI×出海🕐 2026-04-29📦 8.3 KB 🟢 已读 𝕏 文章列表 作者分享了使用 GPT-Image-2 生成低成本高质量信息图的经验。通过设定特定的配色(如#4B91F3)和风格约束(类似 SaaS 数据报告),作者成功生成了流程图、对比图和数据图,总成本不到 0.5 元人民币。文章详细介绍了 Prompt 编写技巧、迭代过程以及如何避免 AI 绘图的常见陷阱。 AI绘图GPT-Image-2Prompt工程信息可视化设计效率工具Claude Code配图技巧 # 十几张配图带来几十万流量,花了不到五毛钱,朋友以为我请了专业设计 **作者**: 百年 AI×出海 **日期**: 2026-04-28T14:08:41.000Z **来源**: [https://x.com/yidabuilds/status/2049128673606037687](https://x.com/yidabuilds/status/2049128673606037687) ---  我三篇文章的配图全是 GPT-Image-2 做的,总共跑起来了几十万流量,一张图 4 到 6 分钱,总成本不到五毛,但收到了很多好评和直接的称赞,有朋友觉得这个风格是一股清流,甚至以为我有专业设计背景。 因为我没让它画插画或者更复杂的东西,我在主动做减法,削减信息的密度。我让它画信息图——流程图、对比图、数据图这些。出来的东西看起来像 SaaS 产品的数据报告,不像 AI 出的图。大家印象里信息图就不属于"AI 生图"这个品类。。。 这篇把做法、prompt 和踩的坑都写出来,配色方案和模板放在最后可以直接复制。 ## 我为什么不画插画 我一开始也用 AI 出过那种高饱和、强渐变的封面,出来的图还不错,但放到文章里我自己看着别扭。一张很漂亮的图,读者看完记住的是画风,不是我文章在说什么;另外,信息密度太大,会喧宾夺主,影响整体的阅读体验。就像演示PPT,不应该把逐字稿打上去一样。 后来我想了想,我需要的不是一张"好看的图",我需要的是一张"能帮读者理解内容的图"。流程图、对比图、数据图,这些东西本身就在传达信息,而不是在装饰文章。 而且我发现一个有意思的事:做成信息图之后,大部分人不觉得有AI味或者不适感,因为很像演说的PPT。因为大家印象里信息图就是设计师用 Figma 或者 PPT 画的,和"AI 生图"不在一个认知品类里。 ## 出来是什么样的 三篇文章做了十几张,分几种类型。 封面:    第三张和前两张不太一样,更偏概念插画——微信的围墙裂开了,Markdown 文件散落出来流进知识库。但配色和线条还是同一套。GPT-Image-2 做这种"讲故事的图"也挺稳的。 流程图,比如 SEO 出海的五步:  对比图,淘宝代采集 vs 自己逆向 API:  数据图,阅读量增长曲线,标注了关键时间节点:  ## 风格怎么来的 这些图的视觉感受我总结起来就是四个字:清新可喜。 我最开始也不知道怎么描述我想要的风格,试了很多次之后慢慢摸出来了。核心就是白底留白要多、配色用低饱和度的蓝绿红、图标用圆角扁平矢量、整体像 SaaS 产品的数据报告而不是社交媒体海报。 配色我后来直接写死了 hex 值:蓝色 #4B91F3,绿色 #55C3A6,红色 #F26355,主文字 #172231。写死 hex 比写"浅蓝色"稳定得多,AI 对颜色描述词的理解和你想的经常不一样。。。 字体踩了很多坑。GPT-Image-2 做中文的时候,小字经常偏细偏糊,尤其是坐标轴和图表标注。我在 prompt 里加了"所有中文文字必须清晰加粗,禁止细体"之后好了很多,但偶尔还是会出问题,这个暂时没有特别好的解法。 ## 迭代过程 第一版出来大概率不满意。我这三篇文章的每张图都至少迭代了 2 版,有的 3 版。 比如这张增长曲线,v1 图形直接是有错误的,v3 修复了错误的同时也更风格化了: v1:  v3:  每次迭代也不需要重写整个 prompt,看出来的图哪里不对就改哪里。配色偏了就加 hex 值约束,字糊了就加粗体要求,布局乱了就把结构描述写得更具体——"左侧 40% 放标题,右侧 60% 放图表"这种。 改完重新跑一次,十几秒出图。比在 Figma 里手动调其实更快。。。 ## 成本和工具 我不用 ChatGPT 网页版生图,这世道直接用中转站就好了啊!!!一张图才0.006美金=4分钱,多么伟大的时代! 我的做法是用 Claude Code / Codex 调脚本,API 走中转站,模型指定 gpt-image-2,参数一般是 --size 1536x1024 --quality high。生成完直接保存到项目目录,Obsidian 里即时预览。 一张图的 API 成本大概 4-6 分钱。三篇文章十几张图加上迭代废掉的版本,总共不到 1 块钱。跟订阅 plus 的 $20/月比。。。基本就是免费的。 ## 用 GPT-Image-2 之前我怎么做的 之前做小红书图文的时候,我走的是 Markdown → HTML → PNG 这条路线。在 Obsidian 里写好内容,用 content-formatter(一个 Claude Code Skill)转成排版好的 HTML,再用 html-to-png 导出高清长图。 这条路线的好处是排版完全可控,字体间距颜色分栏全在 CSS 里写死。但问题也很明显:只能做文字排版,做不了数据图、流程图、封面这些图形化的东西。 后来有了 GPT-Image-2 之后,图形化的部分就全交给它了。封面、流程图、对比图、数据图,这些靠 HTML 排版做不出来的东西,现在几分钱一张直接生成。整个配图工作流算是被迭代掉了。。。 ## Prompt 长什么样 分两层:风格约束固定不变,内容描述每张图不同。 风格约束我每次都带上这段: > 清新数据可视化信息图,白色高留白背景,低饱和蓝绿红配色, 柔和透明圆形装饰,点阵、小星光、圆环作为轻量背景元素。 整体风格像现代 SaaS 数据报告封面, 扁平矢量插画,圆润线性图标,轻微玻璃拟态色块,柔和阴影, 干净、明亮、可信、清新可喜。 所有中文文字必须清晰、加粗、可缩放阅读, 避免细字、浅字、小字。图表线条加粗。 16:9 横版信息图,modern Chinese data visualization, flat vector infographic, pastel colors, airy layout, clean white background, rounded icons, soft shadows, bold readable Chinese typography. 负向约束也固定带: > 不要细字体,不要小而密的文字,不要复杂纹理, 不要暗色背景,不要强渐变,不要赛博朋克, 不要手绘涂鸦感,不要过度装饰,不要模糊文字。 内容描述就像给设计师写需求,要说清楚画面上有几个元素、怎么排列、什么文字、哪个颜色强调哪个。比如人设文章的封面我是这么写的: > 画面包含大标题"00后用 Claude Code 做副业", 副标题"4个月变现超10万", 中部一条从左到右的增长曲线, 标注三个节点:"抖音获客""SEO建站""工具产品", 底部三个小图标分别标注"自动化编程""全球互联网""持续增长"。 标题使用粗黑中文字体,关键数字用蓝色和珊瑚红强调。 如果只写"画一张关于 AI 副业的封面",出来的基本就是 nanobana 风格。。。得告诉它你到底要画什么东西。 三篇文章的全部配图就是这套东西出来的。每张图从生成到满意大概 10-15 分钟,时间主要花在描述内容那部分的迭代上。有喜欢的朋友,可以收藏点赞关注,一键三连 ~~~ ## 相关链接 - [百年 AI×出海](https://x.com/yidabuilds) - [@yidabuilds](https://x.com/yidabuilds) - [6.6K](https://x.com/yidabuilds/status/2049128673606037687/analytics) - [#4B91F3](https://x.com/search?q=%234B91F3&src=hashtag_click) - [#55C3A6](https://x.com/search?q=%2355C3A6&src=hashtag_click) - [#F26355](https://x.com/search?q=%23F26355&src=hashtag_click) - [Upgrade to Premium](https://x.com/i/premium_sign_up) - [10:08 PM · Apr 28, 2026](https://x.com/yidabuilds/status/2049128673606037687) - [6,647 Views](https://x.com/yidabuilds/status/2049128673606037687/analytics) - [View quotes](https://x.com/yidabuilds/status/2049128673606037687/quotes) --- *导出时间: 2026/4/29 14:40:10*
有 有一程序员朋友说把画图好太难,那是他不会GTP2 文章介绍了如何利用 GPT-image-2 生成高可读性的手绘风格架构图,解决了程序员“把图画好看难”的问题。作者将信息设计师的经验提炼为 prompt,涵盖排版、色彩、图标层级等七个维度,并提供了完整的 workflow 和 prompt 范本。 技术 › 工具与效率 ✍ 小小东🕐 2026-05-21 AI绘图架构图Prompt工程可视化手绘风格ChatGPT工作流设计
朋 朋友想省几千块设计费,我用 GPT-Image-2 + XCrawl 搭了一套 AI 主图流程 文章讲述了作者如何利用 GPT-Image-2 和 XCrawl 工具构建一套自动化电商主图设计流程。通过 XCrawl 抓取 Behance 上的高质量设计参考图,并结合 Claude Code 进行数据清洗与结构化,解决了单纯依靠 Prompt 效果不佳的问题。该方法不仅能大幅降低设计探索成本,还能提升商品图的视觉溢价,展示了参考图在 AI 绘图中的决定性作用。 技术 › Agent ✍ AI奶爸🕐 2026-05-06 GPT-Image-2XCrawl电商设计爬虫AI绘图工作流自动化Claude CodeBehance参考图设计MCP
零 零基础小白用上GPT-Image-2全流程实操讲解 本文详细介绍了零基础用户如何从零开始免费使用 GPT-Image-2 生成高质量图片。文章涵盖了准备工作(网络环境、海外邮箱注册)、Outlook 邮箱及 ChatGPT 账号的注册流程,并展示了该模型在绘制小红书四宫格、汉服拆解图、动漫海报及工业品图等方面的强大能力,适合设计师、电商商家及知识博主参考。 技术 › 工具与效率 ✍ 唐清乐TangQingyue🕐 2026-04-24 GPT-Image-2AI绘图ChatGPT教程实操OpenAI设计电商工具效率
开 开源一个 PPT Skill|压进了我 10 年的设计经验 作者开源了一款名为 guizang-ppt-skill 的 PPT 生成工具,该工具将其 10 年的设计经验封装为 AI Skill。产品采用“电子杂志 × 电子墨水”的设计风格,提供 10 种页面布局、5 套主题色及完整的交互逻辑,旨在通过人机协作接口,利用 AI 规范化生成高质量的演示文稿。 技术 › Skill ✍ 歸藏(guizang.ai)🕐 2026-04-24 PPT设计开源AI SkillClaude Code交互设计CSS效率工具网格系统GitHub
H Herdr + Hermes: 多智能体配置中的三个日常技巧 文章介绍了作者使用 Herdr 和 Hermes Agent 构建的多智能体工作流。Herdr 作为类似 tmux 的多路复用器统一管理多个 AI 编程代理,Hermes 则作为开源的总部代理负责驱动其他代理。作者分享了三个实用技巧:基础编排、技能创建以及状态检查汇报,从而将混乱的终端窗口转化为高效的系统。 技术 › Agent ✍ tonbi🕐 2026-07-27 多智能体HermesHerdrClaude Code工作流自动化开源DevOps效率工具Agent编排
我 我是如何用 Codex 做自己的个人IP生图工作流的 作者分享了如何利用 Codex 构建个人 IP 生图工作流的经验。通过借鉴优秀项目,将思路从拼图改为拼提示词,开发了封面图和段落图两个 Skill。文章详细介绍了风格确定、人物特征锚定、内容总结及安全区适配等优化过程,强调了 AI、代码与人在工作流中的职责分工。 技术 › Codex ✍ naiyue777🕐 2026-07-26 CodexAI绘图个人IP工作流Skill自动化设计开源项目
使 使用 Claude Code 的十个关键技巧 作者基于1000小时的使用经验,分享了十个提升 Claude Code 效率的技巧。主要包括启用自动模式减少权限点击、使用计划模式防止构建错误、远程控制保持会话、利用 Superpowers 插件优化构建流程、设置 CLAUDE.md 规则、自定义技能、使用语音输入工具 Wispr Flow、优化 Token 使用、利用例行程序自动化任务,以及最重要的是构建第二大脑以积累上下文。 技术 › Claude Code ✍ Tom🕐 2026-07-23 Claude Code效率工具自动化开发技巧第二大脑Token优化远程控制语音输入
从 从选题到写作再到发布,我把几十个 skill 串成了一条自动流水线 作者分享了自己如何利用 Hermes、Codex 和 Claude 中的数十个 Skill,搭建了一条从素材抓取、选题分析、风格润色到图文排版的内容自动生成流水线。文章详细介绍了自动化流程的设计思路、遇到的痛点以及如何通过拆分 Prompt 保持文风一致性,同时也反思了人机协作中人工审核与决策的重要性。 技术 › Skill ✍ 得否🕐 2026-07-23 自动化工作流AI写作AgentHermesCodexClaude效率工具内容生产prompt工程人机协作
全 全平台AI绘图提示词指南 本文针对X、小红书、公众号、电商、教程及PPT等10大常见场景,解析不同平台的视觉逻辑,并提供可复用的中文提示词模板与微调建议,助你生成高质量图片。 技术 › 工具与效率 ✍ 多肉🕐 2026-07-21 AI绘图提示词小红书电商公众号PPT设计社交媒体营销运营
不 不用写代码,搭一个 Obsidian + Claude AI 第二大脑【附实操】 本文介绍了如何利用 Obsidian、Claude Code 和 Claudian 插件,无需编程即可搭建一套可持续维护的个人知识库。文章详细讲解了环境配置、目录结构设计(raw/wiki/assets)、以及通过 CLAUDE.md 定义规则,实现 AI 自动整理素材、生成 Wiki、更新索引和体检系统的全流程。 技术 › 工具与效率 ✍ AFei Liang🕐 2026-07-20 ObsidianClaude AI知识库ClaudianClaude Code效率工具实操教程个人WikiAgent
用 用 Skills 给 AI Agent 注入设计品味 介绍了开源技能库 emilkowalski/skills,它能为 AI 编程 Agent 注入设计品味,解决 AI 生成 UI 动画和交互时缺乏质感的问题。文章详解了其核心功能、安装方法、实操流程,并对比了 Taste-Skill、Hallmark 等类似工具的差异。 技术 › 前端 ✍ sitin🕐 2026-07-15 AI设计前端Agent工具Claude CodeCursor开源交互UI
从 从提示词到Agent工程:构建安全可控的AI工作流 文章指出“提示词工程”并未消失,而是升级为“Agent工程”。随着模型能力增强,工作流重点从单次回答转向安全、稳定的任务控制。作者通过对比传统Prompt与Agent任务,提出了基线检查、小步执行、实时纠偏等优化策略,并分享了实战案例及通用的Agents.md配置模板,强调建立明确的上下文和边界是Agent落地的关键。 技术 › Agent ✍ Chasen🕐 2026-07-15 Prompt工程AI工作流CodexClaude CodeMCP实战指南