搜索你想找的开源项目

输入名称、用途或关键词,也可粘贴 GitHub 仓库链接

分享到微信

当前解读页的微信分享二维码

用微信扫一扫打开,点击右上角「···」分享给朋友或朋友圈。

手机上可截屏后,在微信扫一扫中从相册识别二维码。

threerocks/article2media

效率与系统工具

通过 Claude Code / Codex Skill 把一篇文章或一条视频做成可发布的小红书卡片、长图、公众号排版和口播短视频。

267
44
JavaScript
MIT
创建于 4 天前

项目介绍

article2media 是一组开源的 Claude Code / Codex Skill,同时打包成 Claude Code 插件。输入一篇文章或一条视频,输出可直接发布的中文视觉内容:手机宽长图、小红书 3:4 卡片组、公众号排版、1080×1920 竖屏口播视频,另外还有原文一字不改的重新排版、全文翻译、白板论证和漫画。

它拆成十个可以单独使用的能力,彼此只靠工作目录里的文件交接,因此既能只做自己需要的一步(比如只把本地 Markdown 排成公众号),也能用总入口组合成完整链路。分工是明确的:模型负责理解和写作(改写稿、译文、口播脚本、白板账本、分镜),脚本负责抓取、HTML 排版、无头 Chrome 截图、配音、逐字对齐、混音和验收这类确定性工作。生成的图片里不放文字,所有文字都由 HTML 排版,因此可校验、可修改。

快速使用

前提是 Node.js 22 和任意 Chrome / Chromium。在 Claude Code 中安装插件,一次装好全部 skill:

claude plugin marketplace add threerocks/article2media
claude plugin install article2media@article2media

在仓库中可先跑环境检查,再选择是否把主题字体下载到本地(约 65 MB):

bash scripts/install.sh
node skills/article2media/scripts/fonts.mjs

然后在 Claude Code 里用总入口给出链接和想要的形式:

/article2media https://example.com/post 小红书
/article2media ./my-essay.md 公众号
/article2media https://www.bilibili.com/video/BV… 小红书

产出写在当前目录的 article2media-out/<slug>/ 下。也可以直接调用单个能力,例如 /article2media:wechat-layout ./my-essay.md 只排版不总结;Codex 中用 $article2media 调用。不经过模型宿主时,每个能力的 scripts/ 下也有命令行入口,README 的「单独使用脚本」一节列出了完整命令。

产出与能力

不带参数时默认出总结长图;提到小红书或比例时出 3:4 卡片组,可以用 --ratio 换成 4:5、1:1 或 9:16。公众号排版接受原文、译文或改写稿导出的文章,样式全部内联、图片 base64 内嵌,直接粘贴进编辑器即可。原文路径(-f、原文卡片)逐块读回比对,改一个字就失败。翻译产出 article.zh.md 并核对块数、结构与数字。口播视频先用本地 VoxCPM2 配音(其他机器回退到 edge-tts 或系统语音),Whisper 给出字级时间戳,成片附带审片报告。视频输入先转逐字稿:优先平台字幕,没有时用 Apple Silicon 上的本地 Whisper 识别。

主题有 12 套主推和 9 套经典。字体默认从 Google Fonts 和 jsDelivr 在线加载,网络不稳时可先跑 fonts.mjs 本地化,版面检查会点名未加载的字体家族。

使用约束

  • 所有能力都需要 Node.js 22+ 和 Chrome / Chromium;口播视频额外需要 ffmpeg。
  • 最自然的本地配音依赖 Apple Silicon 和 VoxCPM2,其他环境回退到联网的 edge-tts 或 macOS 系统语音。
  • AI 插画和漫画需要出图能力:已登录的 Codex CLI,或 OpenAI / Gemini 的付费 key。无字幕视频的识别和逐字对齐需要 mlx-whisper;YouTube、B 站字幕和抖音下载需要 yt-dlp。
  • 部分站点要求登录确认,脚本提供 --cookies-from-browser chrome 或改用本地文件两种办法。
  • 发布数据只保存在本机工作目录;样本不足 5 条的对比会明确标注仅供参考。
  • 克隆音色只进本机个人音色库、不随项目分发,成片带 AI 生成标识。代码为 MIT 许可,示例内容版权归原作者。

HotRepo 点评

在 2026-11-11 的 JavaScript 新项目榜记录中,这个仓库在约 90 分钟的统计窗口内净增 24 颗 Star,累计 126 颗 Star、25 个 Fork。这是单次快照,只能说明起步阶段的一次增长,不能据此判断趋势。

从材料看更值得注意的是产出背后的工程约束:原文块账本逐块比对并用 SHA-256 锁定来源,每类产出都有自动验收且失败以非零码退出,测试矩阵覆盖多个示例、版式和主题的交叉组合。项目也把哪些能力是可选的、缺了会怎样降级写得很清楚。对考虑用它替代付费设计工具的人来说,这些可验证的检查比产出数量本身更有参考价值。

项目源码与说明

本文由 AI 根据项目 README 生成,更新于 ,以项目官方文档为准。

相关推荐

  1. andyhuo520/vibe-knowledge把单个知识点做成带旁白、逐句有出处的知识短片,由代码逐帧渲染成片。JavaScript110
  2. Vincentwei1021/anything2explainer通过 Claude Code 或 Codex 技能,把任意主题生成带配音、字幕和章节进度的代码绘制讲解视频。TypeScript3,088
  3. mu-zi-lee/Tangentry把 B 站、YouTube、播客、RSS 和网页收进一个本地阅读器,笔记锚定到时间点和原文。Go146