Write HTML. Render video. Built for agents.
Every clip on this page was rendered from plain HTML, CSS and GSAP
by a Docker container on nocdocker02 — Chromium captures each frame
deterministically, FFmpeg assembles the MP4. No cloud, no GPU, no credits.
A title sequence driven entirely by a GSAP timeline — scale, blur and opacity
keyframes registered to window.__timelines["main"]. The renderer
seeks the timeline to every frame, so the output is bit-for-bit
reproducible on any machine.
Bars grow and counters tick from real numbers in the composition — the Nocturnal stack, counted live. Data-viz is one of HyperFrames' core workflows: chart races, stat hits and animated dashboards all render to deterministic video.
HyperFrames ships a /pr-to-video skill: point an agent at a GitHub
pull request and it reads the diff via the gh CLI, then produces a
feature-reveal explainer. This clip is that exact pattern — staged diff lines,
a merge badge, a caption.
Three scenes in one composition — logo sting, feature cards, CTA — with timed
scene transitions. This is the /product-launch-video workflow shape:
take a URL or a brief, get a 30–90 second cut with music and captions.
Paste any public URL and pick a length. The render service fetches the page, pulls out its title, key points and images, builds a HyperFrames composition on the house visual system, and renders an MP4 — right here, on nocdocker02. Static content pages look best; JS-only apps fall back to a clean link card.
Every page on the Playground now carries its own HyperFrames clip — hero backgrounds, cinematic banners, and click-to-start game splashes. All rendered on nocdocker02, all loop-safe, all deterministic.
hyperframes container on nocdocker02 (10.40.1.50):
Node 22 + FFmpeg + Chromium + pinned chrome-headless-shell for deterministic
BeginFrame capture. 12 GB memory cap, 3.5 CPU cap — it coexists happily
with Portainer.
A 10-second 1080p clip renders in ~30–60 seconds with 3 parallel Chrome workers. Frame capture and H.264 encode run concurrently; the smoke test did 300 frames in 14.7s.
HyperFrames exposes 21 skills + plugins for Claude Code, Codex, Cursor, Gemini CLI — and OpenClaw-compatible skill installs. Any agent can plan, write, lint, preview and render a video from a single prompt.
Same HTML + same settings = same MP4, every time. That's what makes it usable in CI, automated news pipelines and batch generation — no "render drift" between runs.