HTML Video Recording

Codex skill for rendering browser-based HTML pages, animations, generated decks, and Dashi/DashAI PPT slides into verified MP4 clips.

The skill uses Chromium as the renderer and ffmpeg as the encoder:

HTML page -> controlled browser viewport -> frame screenshots -> MP4

Install

Clone this repository into your Codex skills directory:

git clone https://github.com/chuspeeism/html-video-recording.git ~/.codex/skills/html-video-recording

Restart Codex or refresh skills so $html-video-recording is discoverable.

Quick Start

Render a Dashi/DashAI deck folder:

node ~/.codex/skills/html-video-recording/scripts/render-html-video.mjs \
  --serve-dir "/path/to/output/deck/ppt" \
  --dashi \
  --pages 0-18 \
  --out "/path/to/output/deck/videos" \
  --fps 60 \
  --duration-ms 3650 \
  --hold-ms 1000

Inspect first without encoding:

node ~/.codex/skills/html-video-recording/scripts/render-html-video.mjs \
  --serve-dir "/path/to/output/deck/ppt" \
  --dashi \
  --pages 14 \
  --out "/tmp/html-video-dryrun" \
  --dry-run

Scope

Use this for deterministic HTML-to-MP4 exports: page entrance animations, chart motion, generated decks, and batch re-renders.

Use a real recording workflow instead when the deliverable must show a visible cursor, Screen Studio project files, app chrome, narration, or camera.

See SKILL.md for the Codex skill instructions.