StudioHub · 自媒体内容生产工作台

把文章 / 论文 / 新闻 / 主题一键变成小红书卡片组 · 公众号文章 · 周报卡片 · 论文深度解读 — 四路独立工作流 · 统一入口 · 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。触发词：「小红书卡片」「公众号文章」「论文解读」「周报卡片」统一命中本技能。

---

效果预览

以下截图来自四条流水线的实际生产案例（均已正式发布）。

A · 小红书卡片组（1080×1440）

| 封面 | 步骤页（原文配图） | 封底（关注引导） | |------|------|------| | <img src="screenshots/xhs-01-cover.jpg" width="200" alt="小红书卡片封面预览"> | <img src="screenshots/xhs-02-card.jpg" width="200" alt="小红书卡片步骤页预览"> | <img src="screenshots/xhs-03-end.jpg" width="200" alt="小红书卡片封底预览"> |

D · 论文深度解读（公众号文章）

| 头部 | 正文（论文原图） | 文末（公司区块） | |------|------|------| | <img src="screenshots/paper-01-header.png" width="200" alt="公众号文章头部预览"> | <img src="screenshots/paper-02-body.png" width="200" alt="公众号文章正文预览"> | <img src="screenshots/paper-03-footer.png" width="200" alt="公众号文章文末预览"> |

---

功能特性

统一入口与自动路由

| 特性 | 说明 | |------|------| | 单 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