A Cursor/Codex/Claude Code skill for building animated videos as a single standalone HTML file, with data-attribute text animations and Canvas/WebGL shader backgrounds, styled after the react-bits library and Remotion/HyperFrames rendering concepts. A Puppeteer renderer screenshots each frame in headless Chromium and encodes it to MP4 with FFmpeg.
STACK
PuppeteerFFmpegWebGL
“结合react-bits、remotion、hyperframe整合的Skill，可以生成华丽的视频。”
About Frameworks & toolkits
Rendering frameworks and all-in-one kits: the layer that turns code an agent writes into frames, plus the skills that teach the agent how to drive it.