GitHub双响:6.4万星HyperFrames让Agent写HTML直接渲染视频,29.3万星skills把真工程规矩塞进Agent
这周GitHub趋势榜上,跟Agent沾边的项目扎堆。我挑两个说:一个解决”Agent怎么把片子剪出来”,一个解决”怎么把Agent管住”。星数、许可证、建仓时间都是我10月16日去仓库现核的,不是抄的二手数据。
一、HyperFrames:在它眼里,视频就是一份HTML
HeyGen(做AI数字人视频那家)今年3月开源的渲染框架,Apache-2.0,TypeScript写的,现在6.47万星,单周涨5318,趋势榜日榜周榜都在。
核心思路一句话:别让Agent去学Premiere,让它写HTML。整条片子是一个合成文件,元素上挂 data-start、data-duration、data-track-index,写清楚什么时候出现、占哪条轨道;动画用GSAP、CSS、Lottie、Three.js、WAAPI都行,前提是”可seek”。渲染时引擎把时间轴逐帧拨到第N帧,headless Chrome截下那一帧,最后FFmpeg编码、混音出MP4。所以同一份输入跑一百遍得到同一支片子,这种确定性才敢放进CI做回归。
配套也齐:CLI里有 init、lint、preview、render,本地、Docker、HeyGen云端、AWS Lambda都能渲。真正让它好用的是那21个技能:/product-launch-video 拿一个网站URL出30到90秒的宣传片,/pr-to-video 直接把一个GitHub PR变成changelog视频,/music-to-video 跟着节拍剪。Claude Code、Codex、Cursor、Gemini CLI 都有安装入口,独立装就是 npx skills add heygen-com/hyperframes。README里写明HeyGen自家生产环境在用,tldraw、TanStack 也列在采用名单里。环境要求就两条:Node 22+ 和 FFmpeg。
二、mattpocock/skills:29.3万星的”工程老规矩”
Matt Pocock(Total TypeScript 的作者)今年2月把自己 .agents 目录整个开源,MIT,现在29.3万星,单周涨1.2万。星数吓人,内容其实很朴素:一堆小而可组合的技能,不挑模型,而且明确对着 GSD、BMAD、Spec-Kit 那类”接管整个流程”的框架开炮,理由是流程被端走之后,出了bug你没法修。
他对着四个翻车场景各给了一剂药:
- Agent没干你要的事:
/grill-me、/grill-with-docs,开工前先逼Agent反问你,把需求盘到没有歧义再动手; - Agent太啰嗦:建GLOSSARY共享语言,一个词能说清的别用二十个词,顺带省token、命名也统一了;
- 代码跑不通:
/tdd走红绿重构,/diagnosing-bugs把排查做成有闸门的循环; - 越写越像烂泥:
/improve-codebase-architecture定期扫一遍代码库,列出能把模块做深的候选项。
技能分两层,用户敲命令才触发的(/grill-me、/to-spec、/implement)当指挥,模型会自己抓取的(/tdd、/code-review、/research)当工具,指挥可以调工具,平级之间不许互相调。安装也省事:Claude Code 一条 claude plugin install mattpocock-skills@claude-plugins-official,Codex、Copilot、Gemini CLI 各有入口,每个仓库跑一次 /setup-matt-pocock-skills 把issue跟踪器和标签问清楚就能用。
实话
一个公司开源引擎,一个个人开源方法论,星数差了4倍多,其实解决的是同一件事:Agent的输出得让人接得住。视频要能确定性重渲,代码要有对齐和反馈回路。HyperFrames说明白了一件事,给Agent定专用格式、把渲染做成确定的,企业才敢把它放进生产;skills爆火则说明大家被Agent坑得够多了,开始回头补工程基本功,这钱花在方法上比换模型便宜。你现在未必用得上这两个项目,但”视频已经变成Agent可以直接写出来的代码”这件事,值得先记下来。