liangdabiao

Wechat Article Remotion — Development skill for Claude Code

Development community

动画skill: 把任意一篇微信公众号文章转成 Studio 风格的 Remotion 视频 —— 暖白画布 + 上下镜像透视格子 + 顶部章节进度 + 公众号原文图完整保留.

How to install Wechat Article Remotion

This entry records only its repository, not the path inside it, so there is no exact command to give. Open liangdabiao/wechat-article-remotion and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Wechat Article Remotion does

动画skill: 把任意一篇微信公众号文章转成 Studio 风格的 Remotion 视频 —— 暖白画布 + 上下镜像透视格子 + 顶部章节进度 + 公众号原文图完整保留.

Alternatives in Development

Wechat Article — 微信公众号文章：作者-编辑-读者三Agent协作 15.9k ★
HTML Ppt Skill — HTML PPT Studio — AgentSkill with 24 themes, 31 layouts, 20+ animations for building professional HTML present 8.1k ★
Lumenx Build — LumenX Studio 桌面应用构建流程 - macOS DMG 和 Windows EXE 打包 1.2k ★

README

WeChat Article Remotion

把任意一篇微信公众号文章（`https://mp.weixin.qq.com/s/...`）转成 Studio 风格的 Remotion 视频 —— 暖白画布 + 上下镜像透视格子 + 顶部章节进度 + 公众号原文图完整保留（`object-fit: contain` 永不裁切）。

这是一个 Agent Skill，被 Claude Code / Trae IDE / Codex / workbuddy 等支持 Skill 的工具加载并执行端到端 pipeline。

![](动画.gif)

怎样配置使用

在 codex,claude code, workbuddy 等 Agent 命令AI：

❯ 安装skill: https://github.com/liangdabiao/wechat-article-remotion ，然后需要安装好 remotion。

配置好，就可以开始使用了。

在codex,claude code, workbuddy:

❯ wechat-article-remotion skill 制作视频： https://mp.weixin.qq.com/s/oWPVUyjW7TtHauynuTjYjw

demo例子： https://www.bilibili.com/video/BV1LMKJ6cEwb/?vd_source=86926e418c83af75f6850b5546388a79

项目状态

维度	状态	说明
Skill 入口	✅ 完整	`SKILL.md` 含 description、视觉规范、pipeline、硬规则
规范文档	✅ 3 份	`references/` 下 `visual-guide.md` / `scene-types.md` / `beat-checklist.md`
脚手架脚本	✅ 2 份	`scripts/scaffold_wechat_article_project.py` / `scripts/fetch_article.py`
Remotion 模板	✅ 8 源文件	`templates/remotion-project/src/{index,Root,ArticleVideo,background,sceneTypes,demoData,shared,theme}.{ts,tsx}`
公共素材库	✅ 跨 skill 共享	从 `talking-head-remotion/assets/library/` 播种（9 字体 + 7 SFX）
端到端验证	✅ 2 个 demo	`demo-wx-article`（4 张图，88s 视频）、`demo-wx-llm`（27 张图，12 scene）
TTS 工具脚本	✅ 完整（2026-08-03 抽离）	`scripts/generate_tts.py`（统一入口）/ `generate_tts_minimax.py`（MiniMax 实现）/ `generate_tts_edge_tts.py`（edge-tts 免费实现）
字幕对齐工具	✅ 2026-08-03 新增	`scripts/align_captions.py` —— SRT/segments.json → `captions[]` TS 代码片段（含 keyword 大小写不敏感）