[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"$f3f07b9oha154u":3},{"code":4,"message":5,"data":6,"timestamp":49},10000,"success",{"full_name":7,"position":8,"description":9,"language":10,"stars":11,"forks":12,"stars_gained":13,"age_days":14,"hn_threads":15,"one_liner":22,"summary_md":23,"topic":24,"github_topics":27,"license":43,"homepage":44,"updated_at":45,"history":46},"heygen-com\u002Fhyperframes",20,"Write HTML. Render video. Built for agents.","TypeScript",71346,6439,777,228,[16],{"id":17,"title":18,"points":19,"comments":20,"posted_at":21},48152343,"Write HTML. Render video. Built for agents",1,0,"2026-05-15","Turns HTML, CSS and seekable animations into deterministic MP4s for developers and agents producing video programmatically.","## The problem\n\nVideo production has long lived in two worlds: GUI editors where anything scripted is painful, and code-based rendering where you must learn a specific animation DSL. Teams that already build UIs in HTML and CSS want the same skills to produce video, but getting a browser page to render frame-accurate, repeatable output is fiddly. HyperFrames addresses this by treating an HTML document as the source of a video and rendering it to MP4.\n\n## What's different\n\nCompared with Remotion, which uses React components and its own rendering pipeline, HyperFrames keeps the source as plain HTML\u002FCSS with seekable animations via libraries like GSAP, and leans on headless browser rendering plus FFmpeg. Compared with screen recording or a timeline editor, the output is deterministic rather than captured in real time. The most distinctive angle is agent-first packaging: it ships skills and plugins so coding agents can plan, lint, preview and render videos from prompts, and a registry of roughly 450 ready-made blocks. Treat the README itself as thin on rendering internals; it documents skills and CLI surface far more than the pipeline.\n\n## Who it's for\n\nDevelopers comfortable with HTML, CSS and animation libraries who need repeatable, scriptable video output — product intros, data-driven motion graphics, caption and overlay work — and teams wiring video generation into agent workflows. It is less suited to editors who want a visual timeline and fine manual control, or to anyone wanting a mature, battle-tested renderer with years of issue history.\n\n## Cost of adoption\n\nRequires Node.js >= 22 and a headless browser plus FFmpeg in the render path; local and cloud rendering are both offered. Licen= Apache-2.0, so commercial use is straightforward. The bigger cost is conceptual: your video is code, so iteration happens through lint, preview and re-render cycles, and the skill\u002Fplugin catalog is a moving target where install paths differ between the picker, `npx hyperframes skills update`, and plugins. See the README for the exact install commands.\n\n## Verdict\n\nThe repository is very new — created in March 2026 — yet has already accumulated a large star count and a strong monthly board position (#2 overall with +18,268 this month), which looks more like a rapid spike than a long-established tool. It carries a corporate backing signal (HeyGen links throughout) and a Hacker News thread with effectively no discussion at launch. That combination argues for piloting it on a contained project rather than making it the backbone of a production pipeline, and for watching whether the skill catalog and renderer stabilize over the next few months.",{"slug":25,"name":26},"media","Media & Design",[28,29,30,31,32,33,34,35,36,37,38,39,40,41,42],"ai","ai-agents","animation","claude-code","ffmpeg","framework","gsap","html","html-to-video","mcp","motion-graphics","puppeteer","rendering","typescript","video-editor","Apache-2.0","https:\u002F\u002Fhyperframes.dev","2026-10-24T14:35:10Z",[47],{"date":48,"stars":11,"stars_gained":13},"2026-10-24",1792866891]