creating-social-media-visuals

把自媒体标题、产品截图和长正文，转化为统一风格的自媒体封面或知识信息图。

适用于微信公众号、小红书、抖音和横版内容。核心视觉方向是：真实产品证据 + 现代编辑设计 + 清晰中文标题 + 统一系列风格。

本项目基于 oil-oil/oil-cover 的视觉方法与 Skill 结构进行二次创作。感谢原作者 oil 欧呦（@oil-oil）的开源工作。本项目进一步扩展了微信公众号封面、短视频平台封面、知识信息图、多平台比例适配及 GPT Image 2 API 接入；详细版权说明见 NOTICE。

效果展示

公众号封面

系列信息图

能做什么

公众号封面：默认支持 21:9，标题在左、产品界面在右。
小红书与抖音封面：支持 3:4 竖版重新排版，不机械裁切。
知识信息图：大段正文默认生成 16:9 信息图，自动提炼流程、因果、对比、层级、时间线或清单。
视觉连续性：信息图延续已确认封面的配色、字体、网格、光晕、卡片和留白。
品牌规则分离：产品封面必须展示相关官方 Logo；信息图禁止产品 Logo、品牌名、账号署名、二维码和水印。
参考图生成：可同时提供 Logo、真实界面截图和视觉案例，提高品牌与界面保真度。

两种使用方式

	Codex 自主模式（推荐）	GPT Image 2 API 模式
如何运行	在 Codex 中直接调用本 Skill	运行 `scripts/generate_visual.py`
生图能力	Codex 内置 `imagegen`	用户自己的 OpenAI API Key
默认模型	Codex 当前内置图片模型	`gpt-image-2`
外部依赖	无	Python 3.9+、OpenAI Python SDK
适合	对话式创作和反复修改	批量运行、自动化和自定义接入

安装

使用者可直接把仓库克隆到 Codex 或 Claude Code 的 Skills 目录：

# Codex
git clone https://github.com/bushibohai/creating-social-media-visuals.git ~/.codex/skills/creating-social-media-visuals

# Claude Code
git clone https://github.com/bushibohai/creating-social-media-visuals.git ~/.claude/skills/creating-social-media-visuals

也可以直接下载 ZIP，解压后确保目录名为 creating-social-media-visuals。

Codex 自主模式

安装后直接描述任务，例如：

使用 $creating-social-media-visuals，根据这篇文章和我上传的 Logo、产品截图，
生成一张 21:9 微信公众号封面。

使用 $creating-social-media-visuals，把下面正文整理成一张 16:9 信息图。
延续上一张封面的视觉风格，但不要出现任何产品 Logo 和品牌名称。

在支持参考图生图的 Codex 环境中，自主模式不需要额外 API Key。

接入自己的 GPT Image 2

1. 安装依赖

python -m pip install -r requirements.txt

2. 配置 API Key

macOS / Linux：

export OPENAI_API_KEY="你的 API Key"

Windows PowerShell：

$env:OPENAI_API_KEY="你的 API Key"

不要把 API Key 写入提示词、图片元数据或提交到 GitHub。

3. 生成封面

python scripts/generate_visual.py \
  --mode cover \
  --ratio 21:9 \
  --title "不会 Blender，也能给 AI 视频搭一个 3D 片场了" \
  --logo ./my-logo.png \
  --reference ./product-interface.png \
  --style-reference ./style-cover.png \
  --output ./output/cover.png

如果封面完全不涉及工具或产品，可以不提供 Logo，但必须加入 --no-product，避免脚本误生成缺少品牌标识的产品封面。

4. 生成信息图

python scripts/generate_visual.py \
  --mode infographic \
  --ratio 16:9 \
  --content-file ./article.txt \
  --style-reference ./approved-cover.png \
  --output ./output/infographic.png

脚本默认调用 gpt-image-2。也可以通过 --model 或 OPENAI_IMAGE_MODEL 指定其他兼容模型。

常用比例

用途	参数	默认像素
微信公众号封面	`--ratio 21:9`	`1680x720`
横版信息图	`--ratio 16:9`	`1536x864`
小红书、抖音封面	`--ratio 3:4`	`1152x1536`
B 站或通用横版	`--ratio 4:3`	`1536x1152`

也可以传入 --size 2048x1152 等自定义尺寸。GPT Image 2 要求两条边均为 16 的倍数、最长边不超过 3840px、长短边比例不超过 3:1，并满足像素总量限制。

素材规则

封面模式：

涉及工具或产品时，必须提供官方 Logo。
涉及多个工具时，所有核心产品 Logo 都必须出现。
建议同时提供真实产品界面截图。

信息图模式：

风格参考图只用于继承配色、字体、网格、卡片和留白。
最终信息图不得出现产品 Logo、产品品牌名、公众号名称、署名、二维码或水印。
内容过密时，应拆成多张编号系列，而不是缩小字体。

目录结构

SKILL.md                         Skill 主入口与模式路由
README.md                        GitHub 使用说明与展示
scripts/generate_visual.py       GPT Image 2 API 模式
references/
  visual-rules.md                通用视觉规范
  platform-layouts.md            平台与比例布局
  infographic-rules.md           信息图提炼与拆分规则
  prompt-templates.md            封面与信息图提示词骨架
  api-mode.md                    GPT Image 2 接入说明
  examples.md                    案例选择索引
assets/examples/                 封面案例
assets/examples/infographics/    信息图案例
docs/showcase/                   README 展示画廊

安全与隐私

.gitignore 已排除 API Key、配置文件、生成结果和响应文件。
API 模式会把提示词和参考图片发送至所配置的图片 API。
使用第三方 Logo 时，应遵守对应品牌的商标与素材使用规范。

模型说明

本项目优先推荐 GPT Image 2，因为它支持图片生成、图片编辑、多张高保真参考图和自定义尺寸。实际可用性、费用与限额取决于用户自己的 OpenAI API 账户。

Creating Social Media Visuals

At a glance

README