把文章 / 论文 / 新闻 / 主题一键变成小红书卡片组 · 公众号文章 · 周报卡片 · 论文深度解读 — 四路独立工作流 · 统一入口 · Playwright 高清导出
StudioHub is a unified AI Agent Skill for social content production: turn articles, academic papers, news data or writing topics into Xiaohongshu (RED) card sets, WeChat Official Account articles, weekly-news cards and paper deep-read posts — four independent pipelines behind one entry point.
本仓库是一个 AI Agent Skill（技能包），供 WorkBuddy / Claude Code 等支持 skills 的 agent 加载使用。
做自媒体内容，通常要维护多条流水线：把科普文章做成小红书卡片组、把产品介绍排版成公众号推文、把每周新闻导成卡片图、把论文写成深度解读——每条流水线都有自己的排版规范、配图策略和质检流程，反复切换繁琐且标准难统一。
studiohub 把四条经过实战打磨的流水线整合进一个入口：根据「输入类型 + 目标平台」自动路由到对应工作流，一次安装，覆盖公众号 + 小红书两大发布场景。
适用场景：分子生物学 · 合成生物学 · 科研科普 · 生物公司内容运营 · 公众号/小红书双平台发布。
| 路由 | 输入 | 输出 | 规格 |
|---|---|---|---|
| A 小红书卡片 | 公众号 / 搜狐 / 科普文章链接 | 1080×1440 小红书卡片组（JPG 多图） | 3:4 · 3 风格 · 搜狐 AES 解密 · 程序化校验 |
| B 公众号文章 | 写作主题 / 素材文档 | 自包含内联 HTML（粘贴微信编辑器即用） | 677px · 内联样式 · 无外部资源 |
| C 新闻周报卡片 | 新闻 JSON / Markdown 数据 | 3x Retina 卡片 JPG（card_01~12） | 400×600 · 直角 · 3x DPI |
| D 论文深度解读 | 论文链接 / PDF / DOI / 公众号链接 | 公众号深度解读 HTML + 封面 / 标题 / 简介 / 朋友圈文案 | base64 内嵌 · 论文原图 · 发布包 |
自动路由：论文 → D · 新闻数据 → C · 文章链接 → A · 写作主题 → B。触发词：「小红书卡片」「公众号文章」「论文解读」「周报卡片」统一命中本技能。
以下截图来自四条流水线的实际生产案例（均已正式发布）。
| 封面 | 步骤页（原文配图） | 封底（关注引导） |
|---|---|---|
 |
 |
 |
| 头部 | 正文（论文原图） | 文末（公司区块） |
|---|---|---|
 |
 |
 |
| 特性 | 说明 |
|---|---|
| 单 SKILL.md 路由 | 主文档只做「输入类型 × 目标平台」判断，四个子工作流细节在 references/ 按需读取 |
| 共享规范 | 品牌配置、Playwright 截图工具、质量校验、输出目录约定一份全局生效 |
| 四路独立 | 各子流程互不干扰，明确要哪个产哪个，不交叉 |
| 可扩展 | 新增工作流 = 加一个 references 文档 + 注册路由，不影响现有流程 |
| 脚本 | 用途 |
|---|---|
scripts/decrypt-sohu.py |
解密搜狐 AES 加密图片 URL（A 用） |
scripts/export-jpg.js |
Playwright 导出卡片 JPG（A、C 用） |
scripts/verify.js |
卡片填充率 / 溢出 / 图片加载校验（A、C 用） |
scripts/build_article.py |
图片 + 模板构建自包含公众号 HTML（D 用） |
- A 小红书卡片：1080×1440 · JPG 95 · 3 种风格（理性实验手册 / 高级留白 / 柔和科普）· 原文配图优先（搜狐 AES 解密）· 反 AI slop 红线
- B 公众号文章：无文档级标签 · 全内联 CSS · max-width 677px · 无 JS / 无外部资源 · 微信编辑器实测兼容
- C 周报卡片：400×600 直角 · 3x DPI（实际 1200×1800）· JPEG FF D8 校验 · 本地图 / Tavily / og:image 三级配图
- D 论文解读：自包含 HTML · 论文原图 base64 内嵌 · 元数据条全英文 · 文末艾基生物固定区块 · 封面 900×383 + 500×500
# 自动探测 skills 目录（WorkBuddy / Claude Code）
npx github:flyanx/studiohub install
# 或指定目录
npx github:flyanx/studiohub install --dir ~/.workbuddy/skills
# 已安装过时用 --force 覆盖更新
npx github:flyanx/studiohub install --force# WorkBuddy
cp -r studiohub ~/.workbuddy/skills/
# Claude Code
cp -r studiohub ~/.claude/skills/重启 agent 后即可使用，无需额外配置。
flowchart LR
A[用户输入] --> B{输入类型?}
B -->|论文链接 / PDF / DOI| D[工作流 D · 论文深度解读]
B -->|新闻 JSON / 导出卡片| C[工作流 C · 周报卡片]
B -->|公众号 / 搜狐文章链接| X[工作流 A · 小红书卡片]
B -->|写作主题 / 素材| W[工作流 B · 公众号文章]
D --> OUT[公众号发布包]
C --> OUT2[3x Retina JPG]
X --> OUT3[1080×1440 卡片组]
W --> OUT4[内联 HTML]
| 依赖 | 用途 | 安装 |
|---|---|---|
| Python 3.13+ | 搜狐解密、文章构建 | pip install pycryptodome |
| Node 20+ | 卡片导出、校验 | npm i playwright |
| Playwright + 系统 Edge | 高清截图 | 无需下载 Chromium，直接使用系统 Edge |
Windows 提示：Playwright 截图默认使用系统 Edge（C:\Program Files (x86)\Microsoft\Edge\Application\msedge.exe），避免国内网络下 Chromium 下载超时问题。
studiohub/
├── SKILL.md # 统一入口 + 路由逻辑 + 共享规范
├── references/ # 四个子工作流 + 论文解读参考文档
│ ├── xiaohongshu-card.md # A 文章 → 小红书卡片组
│ ├── wechat-article.md # B 主题 → 公众号 HTML
│ ├── news-cards.md # C 新闻 → 周报卡片
│ └── paper-to-wechat.md # D 论文 → 公众号深度解读
├── scripts/ # 参数化脚本（解密 / 导出 / 校验 / 构建）
├── assets/ # 品牌配置 / 卡片模板 / 公司区块
├── cli/ # 一键安装 CLI（npx 方式）
├── screenshots/ # 效果预览图
└── LICENSE
对 agent 说一句：
"把这篇公众号文章做成小红书卡片" → 路由 A
"帮我写一篇关于质粒构建的公众号文章" → 路由 B
"导出第 32 周的新闻卡片" → 路由 C
"解读这篇 Nature 论文并做成公众号推文" → 路由 D
本项目整合自四条独立流水线，各自也可单独使用：
- xiaohongshu-card — 文章 → 小红书卡片组
- wechat-article-html-skill — 主题 → 公众号 HTML
- social-media-news-cards — 新闻 → 周报卡片
- paper-to-wechat — 论文 → 公众号深度解读
MIT License