Lesson page
Responsive HTML, detailed prose, diagrams, citations
Made entirely with HTML Docs
Boring source material, rebuilt for understanding.
These are real engine outputs: live HTML scenes, final narration, captions, transcripts, source evidence, MP4 fallbacks, and editable project bundles.
Make one with your agent01 / CODEBASE → COURSE
How deterministic HTML video works
A source-grounded engineering course that turns the renderer itself into architecture lessons, live diagrams, narrated videos, transcripts, checks, and an inspectable Studio project.
6 lessons · course site · 6 videos
Open the reproduction briefLive HTML Player · engine field test deterministic
Rendered visual-language excerptMP4 → GIF
Storyboard
Transcript
Sources
Studio
02 / WEBSITE → DOCUMENT + VIDEO
Inside the browser rendering pipeline
A rich standards-backed reference paired with a visual explainer. The page preserves implementation detail; the video builds the causal pipeline one stage at a time.
Document · live video · cited sources
Open the reproduction briefLive HTML Player · engine field test deterministic
Rendered visual-language excerptMP4 → GIF
Storyboard
Transcript
Sources
Studio
03 / RESEARCH TOPIC → COURSE
How attention routes information
Primary papers become an equation construction, token-routing model, worked example, explanatory narration, active-word captions, and grounded knowledge checks.
Primary sources · 4 lessons · transcript
Open the reproduction briefLive HTML Player · engine field test deterministic
Rendered visual-language excerptMP4 → GIF
Storyboard
Transcript
Sources
Studio
What ships with every project
The final video is only one artifact.
Reproduce it, inspect it, edit it, render it elsewhere, or hand an exact scene selection back to Codex or Claude.
Live composition
Deterministic HTML scenes with audio-master seeking
Caption tracks
Editable HTML captions, WebVTT, and SRT
Audio manifest
Segments, final word timing, waveform, pronunciation
Quality report
Cue contact sheets, repeated seeks, visual findings
Project bundle
Portable source, storyboard, scenes, evidence, versions
Guided Studio
Edit the teaching, not a pile of anonymous layers.
Select a semantic element at an exact timestamp, inspect its evidence and spoken cue, adjust structured properties, or attach “make this clearer” for your local agent to resolve.
Scene timeline
Posters, transitions, chapters, and reorder
Narration lanes
Waveform, cues, captions, and active words
Semantic selection
Stable data-html-video-id targets
Evidence-aware
Teaching job, sources, comments, versions
Your source is already enough.
Install one skill, point an agent at the material, and ask for a document, video, the combination, or a complete course.