KO | EN

GitLite

Minimalist Open Source Repository Search Engine

gitlite — search

#dsh #dsh-plugin #developer-tools #ai-agent #claude-code #codex #typescript #ai-agents #deepseek-harness #mcp #cli #rust

generate-article-cover-image

★ 10 Open GitHub ↗

使用 Codex + GPT Image 2 直接复制文章内容生成Anthropic 的极简美学封面图

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# generate-article-cover-image

本项目参考这篇文章实现：https://x.com/AdrianPunk115/status/2083411308855111928

将完整文章提炼为高级极简研究型封面图（5:2 横幅）。

本仓库提供两种用法：

1. **Agent Skill**：自动提炼文案、选色、生成底图，再用确定性排版脚本合成 PNG。
2. **ChatGPT 网页版提示词**：直接在 ChatGPT 网页端粘贴提示词与文章，一次性生成 4 张不同风格封面。

## 目录

1. [Skill 使用](#1-skill-使用)
2. [ChatGPT 网页版提示词](#2-chatgpt-网页版提示词)
3. [目录结构](#目录结构)
4. [配色方案](#配色方案)
5. [视觉原则](#视觉原则)
6. [许可](#许可)

---

## 1. Skill 使用

在支持 Skills 的 Agent（如 Codex / Claude Code 等）中加载本技能后，提供文章正文并说明需要生成封面，例如：

```text
请根据下面这篇文章生成一张 5:2 研究型封面图。

（粘贴完整正文）
```

### 效果示例

![Skill 在 Codex 中生成研究型封面](https://raw.githubusercontent.com/aehyok/generate-article-cover-image/main/assets/skill-demo.jpg)

Agent 会按 [`SKILL.md`](SKILL.md) 执行：理解文章 → 提炼三层文案 → 选色 → 生成底图 → 运行排版脚本 → 校验交付。

### 功能特点

- **三层文案**：主标题 / 副标题 / 核心表达，全部来自文章内容
- **固定 5:2 画布**：输出尺寸严格为 `1600×640`
- **四套配色**：陶土橙、深黑、鼠尾草绿、暖灰，按文章价值语义选择
- **抽象隐喻插画**：右侧稀疏手绘线稿，避免具象俗套元素
- **文字由脚本排印**：先生成无文字底图，再用 Python 写入精确文案，避免模型乱写字

### 手动运行排版脚本

若已有无文字底图，可直接合成成品：

```bash
python scripts/compose_cover.py \
  --input path/to/background.png \
  --output output/article-covers/my-cover-5x2.png \
  --title "主标题" \
  --subtitle "副标题" \
  --core "核心表达" \
  --background "#D8D5CF" \
  --text-color "#1A1A1A"
```

常用参数：

| 参数 | 说明 |
| --- | --- |
| `--input` | 生成的底图路径 |
| `--output` | 最终 PNG 路径 |
| `--title` / `--subtitle` / `--core` | 三层文案 |
| `--background` | 背景/留白填充色 |
| `--text-color` | 文字颜色 |
| `--font` | 可选，标题衬线字体路径 |
| `--body-font` | 可选，正文无衬线字体路径 |
| `--overwrite` | 允许覆盖已有输出文件 |

依赖：**Python 3** + **Pillow**。

### 默认输出路径

- 底图：`tmp/cover-art/`
- 成品：`output/article-covers/<英文短名>-5x2.png`
- 同名时自动加版本号；仅在用户明确要求时使用 `--overwrite`

---

## 2. ChatGPT 网页版提示词

若不走 Agent Skill，也可在 **ChatGPT 网页版** 中直接使用独立提示词生成封面。

### 效果示例

![ChatGPT 网页版一次性生成四色封面](https://raw.githubusercontent.com/aehyok/generate-article-cover-image/main/assets/chatgpt-web-demo.jpg)

完整提示词见：[`ChatGPT-网页版.md`](ChatGPT-网页版.md)

> 说明：该文件是给 ChatGPT 网页端单独使用的提示词模板，**不是 Skill**。无需加载本仓库技能，也无需运行本地脚本。

### 使用步骤

1. 打开 [`ChatGPT-网页版.md`](ChatGPT-网页版.md)，复制全文提示词
2. 粘贴到 ChatGPT 网页对话中
3. 将文中的 `{{在这里粘贴文章全文}}` 替换为你的文章正文
4. 发送后，ChatGPT 会在内部提炼主标题、副标题、核心表达，并**一次性输出 4 张独立封面图**

### 与 Skill 的主要差异

| 对比项 | Skill | ChatGPT 网页版提示词 |
| --- | --- | --- |
| 使用方式 | Agent 加载 `SKILL.md` | 直接粘贴提示词到网页版 |
| 输出数量 | 默认 1 张（按语义选色） | 固定 4 张风格各一 |
| 文案落字 | Python 脚本确定性排印 | 模型直接画字 |
| 尺寸 | 严格 `1600×640` | 默认 5:2（推荐 2000×800） |
| 本地依赖 | Python + Pillow | 无 |

### 四种固定风格

四张图使用**完全相同**的主标题、副标题、核心表达，仅改变配色与局部版式：

| 风格 | 背景 | 文字 |
| --- | --- | --- |
| 陶土橙 | `#D97757` | `#1A1A1A` |
| 深黑 | `#1A1A1A` | `#EFEAE0` |
| 鼠尾草绿 | `#B8C9B8` | `#1A1A1A` |
| 暖灰 | `#D8D5CF` | `#1A1A1A` |

视觉气质统一为 Anthropic Research / AI 实验室报告 / 高级编辑设计风格：极简、克制、理性、安静、有思想感。

---

## 目录结构

```text
.
├── SKILL.md                    # Skill 主说明与执行流程
├── ChatGPT-网页版.md           # ChatGPT 网页版独立提示词（非 Skill）
├── README.md                   # 本说明
├── assets/
│   ├── skill-demo.jpg          # Skill 使用效果示例
│   └── chatgpt-web-demo.jpg    # ChatGPT 网页版效果示例
├── agents/
│   └── openai.yaml             # Agent 界面元数据
├── references/
│   └── style-system.md         # 配色、构图、隐喻与字体规范
└── scripts/
    └── compose_cover.py        # 底图归一化 + 三层文案排版
```

## 配色方案

详见 [`references/style-system.md`](references/style-system.md)。

| 方案 | 背景 | 文字 | 适用语义 |
| --- | --- | --- | --- |
| 陶土橙 | `#D97757` | `#1A1A1A` | 创造、实验、探索、设计实践 |
| 深黑 | `#1A1A1A` | `#EFEAE0` | 技术研究、系统、安全、严谨分析 |
| 鼠尾草绿 | `#B8C9B8` | `#1A1A1A` | 知识、教育、长期主义、公共价值 |
| 暖灰 | `#D8D5CF` | `#1A1A1A` | 研究报告、方法、治理、混合主题 |

## 视觉原则

1. 画布精确 **5:2** 横幅
2. 左侧约 62% 留给三层文字；右侧放置单一抽象隐喻
3. 大面积纯色背景，装饰色块仅 2–4 个，总面积 ≤ 5%
4. 画面只保留三段文案，无 Logo、日期、署名、伪文字
5. 禁止渐变、霓虹、赛博朋克、3D、复杂信息图等商业模板感

## License
MIT

generate-article-cover-image

Explore Similar Repositories

Was this content helpful?

Recent Feedback

Download README