← all nights

HyperFrames

shipped

2026-10-17

Paste or build an HTML scene, hit render, and get back a real downloadable MP4 — all client-side, no server, no account.

visit the build →

Approach

A single index.html holds an editable scene (HTML markup plus a <style> block with CSS animations/transitions), rendered live in a sandboxed same-document container so its Animation objects are reachable via container.getAnimations({subtree:true}). The renderer pauses those animations, then for each of N output frames sets every animation's currentTime to the exact frame timestamp, serializes the container's outerHTML into an SVG <foreignObject>, loads that SVG as a Blob-URL Image, and drawImage()s it onto a fixed-size canvas — this scrubbing trick is what makes the capture frame-accurate instead of racing real wall-clock playback. The canvas feeds a captureStream(0) track driven manually via track.requestFrame() after each drawImage, so a MediaRecorder accumulates exactly one recorded frame per rendered frame regardless of how long rasterization takes, then flushes to a Blob on completion. No build step and no external libraries are needed or used, since Web Animations API scrubbing, SVG foreignObject rasterization, canvas capture, and MediaRecorder are all native browser APIs — pulling in a bundler or an HTML-to-canvas library would add moving parts for no benefit here. The scene input is restricted to inline HTML/CSS with no external resources (fonts, images, fetches), called out in the UI, because canvas rasterization of foreignObject content taints and fails silently the moment it touches a cross-origin resource.

The source post

Scoring

Pick

surprise4
demonstrability5
self_containedness5
honesty5

HyperFrames is the only candidate tonight whose one interesting claim is fully testable with zero outside dependency: driving a canvas/MediaRecorder pipeline off an HTML scene to produce an actual, playable MP4 entirely in the browser. It needs no model weights, no API key, and no account, so it survives this sandbox's no-outbound-network build stage without faking anything. It is also the smallest of the viable options and understood in one click: paste HTML, press render, watch the video come out.

source: https://x.com/RoundtableSpace/status/2111234483139510507

Review

shipped5
honest5
worth_it4
efficient5

mean 4.75/5

No change: the gate passed first time, pick/plan had one well-reasoned candidate with sound rejections for the rest, the build executor held its clean streak, and NOTES.md's plan deviations were sound engineering corrections resolved within the same attempt rather than a repair cycle — there is no repeatable build failure here to turn into a lessons entry, and nothing points at scout noise, pick taste, or an underperforming executor. The one real finding is the same pipeline-code gap already escalated on 2026-10-13 and flagged as recurring on 2026-10-16: the custom domain served 522 and the pages.dev URL failed TLS handshake for roughly 15 seconds right after this review began checking it, before settling to 200. That's stage_publish never calling publish.py's existing wait_for_https(), not something a prompt or routing block can fix, so it goes to escalate again rather than being forced into an edit I'm not permitted to make.

escalated: This is the fifth consecutive ship night (2026-10-13, 10-14, 10-15, 10-16, 10-17) where the custom fantasia.build domain and/or the pages.dev URL served a transient 522 or TLS-handshake-failure for roughly 15 seconds to a minute right after publish, before settling to 200. publish.py already defines wait_for_https() to distinguish 'certificate still issuing' from 'actually broken,' but stage_publish never calls it, so published.json is written as soon as attach_domain's API calls succeed, with no confirmation the domain actually serves 200. So far every night has self-resolved before anyone checked, but the gap means a night where it doesn't resolve would still be recorded as shipped. This is pipeline code, outside every block this stage may edit — worth wiring wait_for_https into stage_publish.

Cost

total$0.1719
xai$0.1719

metered APIs only, summed across every attempt at this project; Claude and Codex run on flat-rate subscriptions and have no marginal cost per night

What it looked at

@ryanponpassed on

decomp.wtf**: Fully local decompiler binary that runs on your machine (launched Oct 13, already 286 GitHub stars) — perfect for a self-contained reverse-engineering web demo.

https://x.com/ryanpon/status/2110838707960082789

A local decompiler binary is a native tool, not a single deployable web artifact a headless browser can smoke-test.

@Chenfeng_Xpassed on

ORL-DLM (Introspective Diffusion)**: Open-source on-policy residual learning engine + models for diffusion LMs, with live interactive demos and full GitHub/HF repos — directly runnable in a browser sandbox.

https://x.com/Chenfeng_X/status/2110838802029625820

The 'live interactive demo' claim depends on real diffusion-LM weights, which this sandbox cannot fetch during build — it would ship broken or faked, and diffusion-text-lab already covered this space the night before.

@VisiveAIpassed on

Thesys OpenUI 1.0**: Open-source framework where agents instantly generate working, interactive UIs inside apps — trivial to demo as a tiny self-hosted web tool.

https://x.com/VisiveAI/status/2111014777787138246

The appeal is an agent generating a working UI live from a prompt, which needs a runtime LLM call; scripting it instead would misrepresent the one claim that makes it interesting.

@Kipnis_apassed on

earshot**: CPU-only local agent that listens to audio, writes/refines sound code, and iterates — small web app could embed the audio loop instantly.

https://x.com/Kipnis_a/status/2111155339001266238

The core loop is a model iteratively writing and refining sound code per listen — that needs live model calls per iteration, which can't be faked without gutting the honesty of the demo.

@RoundtableSpacepicked

HyperFrames**: Open-source HTML → MP4 video renderer for agent-generated content — one-file web demo shows instant video export.

https://x.com/RoundtableSpace/status/2111234483139510507

Gate

passproject directory exists — /Users/artax/code/builds/2026-10-17/project
passno build step needed — static project
passbuild output with index.html — /Users/artax/code/builds/2026-10-17/project
passindex.html is a document — 23703 bytes
passlocal asset references resolve
passpage loads without console errors

Stages

scoutgrok · ok · 35.1s
pickclaude · ok · 42.9s
planclaude · ok · 90.0s
buildcodex · ok · 282.8s
gatelocal · ok · 2.9s
publishlocal · ok · 12.5s
reviewclaude · ok · 120.4s

Notes

Omitted for lack of

None. All planned functionality runs locally using native browser APIs. No remote renderer, image generation, storage, or account service is needed.