📦 Infographic creator socials — 信息图创作者社交媒体

信息图生成器 一个用于生成品牌化、操作员风格的信息图的管道，用于社交媒体。设计系统是从LinkedIn上顶级产品创作者那里反向工程的——外观是干净的网格结构 + 手写注释 + 附带表情符号 + 签名页脚。输出内容可用于Twitter、LinkedIn或Instagram。该技能通过OpenAI gpt-image-2使用images.edit端点渲染，因此用户的标志、截图和头像被视为视觉参考，而不是幻觉。

该技能产生的内容 单图信息图，比例为4:5的肖像、1:1的正方形或16:9的风景 通过保存的主题颜色+头像在帖子中保持一致的视觉身份 12个布局模板（L1-L12），涵盖比较、前后对比、阶段流程、排名列表、英雄图表、框架网格、备忘录、梯子、神话/真相、流程网格、视觉隐喻和注释截图 可重用的提示模式，因此每个新作品从想法到PNG大约需要5分钟

项目布局 当该技能首次在项目中使用时，它会创建一个工作目录：infographics/ ├── style.json # 活动主题（运行时填充：强调色、句柄、头像路径） ├── assets/ # 标志、截图、头像（用户提供） ├── outputs/ # 渲染的PNG └── prompts/ # 每个生成的作品的.py文件，用于重新渲染

如果该目录已经存在，则重用现有的style.json（不要每次会话都重新询问主题问题）。

5步工作流程 — 始终按照以下步骤 当用户要求新信息图时，按照以下步骤运行。不要跳过。

步骤1 — 找到想法 如果用户提供了明确的主题，跳过此步骤。否则： 作为短表格显示3-5个候选想法（想法标题、为什么它会引起共鸣、建议的布局、建议的格式）。 从用户的工作、最近的上下文或行业中获取信息。 避免通用想法 — 具体性驱动参与度。 推荐一个选项并给出理由。 等待确认。

步骤2 — 选择布局 + 格式 从references/style-guide.md中选择一个布局（L1-L12）。 简要说明理由。 然后选择Twitter/LinkedIn格式： 格式 gpt-image-2大小 何时使用 4:5肖像 1024x1536 默认。密集数据 — 比较表、备忘录、排名列表。最高参与度。 1:1正方形 1024x1024 单个英雄隐喻、钩子、英雄图表。吸引人的信息流。 16:9风景 1536x1024 流程流、时间轴、前后对比。旋转规则：如果用户正在生成系列，请在帖子中交替使用格式以打破信息流的单调性。不要连续发布5个肖像。

步骤3 — 用标志 + 图像丰富 识别想法中提到的每个品牌、工具或人员。 对于每个： 通过Google的favicon服务获取品牌favicon：https://www.google.com/s2/favicons?domain=DOMAIN&sz=128 这是最可靠的标志来源。 使用curl -sL -o assets/.png下载。 SVG-only标志：使用cairosvg将其转换为PNG：pip3 install cairosvg --break-system-packages --quiet python3 -c "import cairosvg; cairosvg.svg2png(url='in.svg', write_to='out.png', output_width=512)" 用户头像：要求用户提供一次照片路径；将其复制到assets/avatar.png并在style.json中引用。 使用Read工具在继续之前可视化验证每个PNG。 如果favicon返回为通用地球（域没有favicon），警告用户并跳过标志或要求提供替代URL。

步骤4 — 文案创作（要求用户） 视觉质量受到文案质量的限制。 提出3-5个有针对性的问题来填充提示。 根据所选布局量身定制。 示例： 标题（≤6个字，陈述或隐喻） — 什么是关键点？ 子标题（手写行，一句话） 特定于布局的部分/行标签（例如L1：列标题 + 5-7行标准） 结论（关闭一行规则，放入奶油色呼叫框中） 语气：陈述/反对/游戏/操作员诚实 不要自己生成文案。 等待用户。 他们的声音是区别于AI生成的声音 —— 一旦你写了文案，帖子就会听起来像AI生成的。

步骤5 — 生成 组成提示：打开references/prompt-templates.md，选择正确的布局模板，填充所有{{...}}占位符，使用用户确认的文案、强调色和参考图像文件名。 将提示保存为infographics/prompts/.py文件，以便重新运行。 通过gpt-image-2渲染：调用scripts/generate.py（请参阅该文件以获取确切的API合同）。 使用Read工具读取输出并将其显示给用户。 注意任何渲染问题 + 提供一次紧固通行证（例如“Hostinger标志出来模糊 —— 您想我换成更干净的来源吗？”）。

风格不变量 —— 永远不要打破这些 这些使输出看起来故意而不是AI-slop。 跳过任何一个都会削弱整个品牌。 强调色贯穿整个作品。 框架、强调标题中的单词、手写子标题、手绘箭头 —— 所有这些都使用用户选择的强调色。 阅读style.json以获取活动的十六进制代码；如果尚未设置，请...