tools: marketing screenshot and demo-video capture

[alpha5611331]

Renders the real renderer UI for the marketing site without Electron, a login, a backend, or a real interview. Used to produce the imagery in PowerInterviewAI/marketing-website#19.

How

The renderer reaches main through exactly one object — window.electron from preload.cts — and boots fine in an ordinary browser, then waits on it. The script injects a stub via addInitScript and the real UI renders against canned state.

Video mode keeps the subscriber list live and mutates state over a timeline, so the panels animate the way a real session does: transcript lines arrive, a card goes pending, the answer streams in, then a screenshot solution lands. Output is 1920×1080 at 479 KB.

pnpm dev
python tools/marketing-capture/capture.py shots  out/
python tools/marketing-capture/capture.py videos out/   # needs ffmpeg

Why here and not in the marketing repo

Everything it mirrors is in this repo: the preload surface, RendererAppState, the RuntimeConfig defaults, and the Speaker / SuggestionState / RunningState enum values. When those change, this has to change with them, and it should break next to the code that broke it. Same reasoning as test/manual/.

Not under test/ — it asserts nothing and CI does not run it.

Three non-obvious things

Each produced a visibly wrong screenshot before being found, so all three are in the README:

• zoom.getFactor() is a multiplier, not a percentage. The control renders factor * 100, so returning 100 put 10000% on the status bar.
• audioInputDeviceName must name a device the browser really enumerates, or the control bar shows its missing-microphone badge on every frame. Headless Chromium has none — hence the fake-device flags.
• Stealth is a body class the preload toggles, not only app state. Setting isStealth alone leaves the normal chrome on screen.

Demo content

Illustrative — a generic backend-engineering question about indexing. No real names, companies, or transcripts. The README says not to paste a real candidate's session in.

Not covered

The stealth overlay composited over a real screen share. There is no desktop behind the window here for it to be invisible against, so that one needs the real app with --disable-content-protection.

Related: the four existing hero videos on the marketing site are handheld camera recordings of a laptop screen (15–20 MB each). That flag makes proper screen recordings of stealth mode possible, which is likely why they were filmed in the first place.

🤖 Generated with Claude Code

[gitar-bot]

Important

You are using the Gitar free plan. Upgrade to unlock code review, CI analysis, auto-apply, custom automations, and more.

_Gitar

[alpha5611331]

Closing without merging: the feat/marketing-capture branch is being retired. The commit remains available at 637d111 via this PR's refs if the capture tooling is revived later.