Article Poster Generator

将长文章自动拆分为精美信息图海报 — 支持 Claude Code 和 OpenClaw 的 AI Skill 智能内容可视化工具。

输入一篇文章，AI 自动分析结构、提取要点、匹配布局，生成 5-8 张 2400×3600 竖版高清信息图海报，适合微信公众号、小红书、朋友圈等平台分发。

Demo

5 种视觉风格

同一篇文章，5 种完全不同的视觉呈现：

暗夜青绿 dark-green	暗夜科技 dark-tech	赛博朋克 cyberpunk	黑金奢华 guochao	极简清新 minimal-biz
默认风格 极客气质	CNC金属质感	霓虹切角机甲风	邀请函内框质感	Apple级弥散阴影

6 种页面布局

每篇文章自动混搭 3 种以上布局，避免视觉单调：

封面 cover	金句 quote	网格 grid	内容 content	步骤 steps	总结 summary
大标题 + 要点	核心观点突出	对比/避坑清单	并列知识点	操作教程	全文总结

快速开始

环境要求

• Python 3.9+
• Playwright（用于 HTML → PNG 渲染）
• Claude Code 或 OpenClaw CLI（作为 Skill 使用时需要其一）

安装

# 1. 克隆仓库
git clone https://github.com/tengj/article-poster-generator.git
cd article-poster-generator

# 2. 安装依赖
pip install playwright
playwright install chromium

# 3. 安装为 Skill（二选一）

# 方式 A：Claude Code — 手动复制
cp -r . ~/.claude/skills/article-poster-generator/

# 方式 B：OpenClaw — 一键安装（推荐）
npx skills add tengj/article-poster-generator -g -y

使用方式

方式一：作为 AI Skill 使用（推荐）

Claude Code 用户：

将项目复制到 ~/.claude/skills/article-poster-generator/ 后，在 Claude Code 中直接对话即可。

OpenClaw 用户：

运行 npx skills add tengj/article-poster-generator -g -y 安装后，在对话中告诉小龙虾：

> 帮我把这篇文章做成海报：[粘贴文章内容或链接]

> 用赛博朋克风格把这个技术博客做成信息图

> 把这篇新闻做成 6 张海报，用黑金风格

你也可以直接把 GitHub 链接发给小龙虾：

> 帮我安装这个 Skill：https://github.com/tengj/article-poster-generator

OpenClaw 会自动识别并安装。

两种 AI 编码助手的 Skill 格式通用，安装即用。AI 会自动完成：分析文章 → 拆分内容 → 选择布局 → 生成 JSON → 渲染图片 → 输出海报。

方式二：直接运行脚本

准备 JSON 数据文件后，直接调用生成脚本：

python scripts/generate_posters.py \
  --input poster_data.json \
  --style dark-green \
  --output ~/Desktop/posters/

参数说明：

参数	必填	默认值	说明
--input, -i	是	-	JSON 数据文件路径
--style, -s	否	dark-tech	风格：dark-tech / cyberpunk / minimal-biz / guochao / dark-green
--output, -o	否	./posters/	输出根目录
--topic, -t	否	自动提取	主题名（用于输出子目录命名）

输出目录结构：

posters/
└── 260416-文章主题/
    ├── poster_data.json          # 原始数据备份
    ├── dark-green/               # 风格子目录
    │   ├── slide_00_cover.png
    │   ├── slide_01_content.png
    │   ├── slide_02_steps.png
    │   ├── slide_03_grid.png
    │   ├── slide_04_quote.png
    │   └── slide_05_summary.png
    └── copy.md                   # 配套发布文案（Skill模式生成）

JSON 数据格式

输入的 JSON 文件结构如下：