Add Three.js performance video

[aidenybai]

What changed

• replace the legacy Claude and V2 cuts with one canonical Three.js / React Three Fiber performance video
• animate a React Three Fiber torus through frame-allocation, DPR, draw-call, and delta-timing diagnostics
• show the scene moving from a wasteful frame loop to reusable, batched, refresh-rate-independent code
• add deterministic frame control and a Chromium + ffmpeg renderer for a 1920×1080 H.264 MP4
• remove the unused legacy scenes, components, constants, CSS, utilities, and Claude asset

Why

React Doctor now understands Three.js and React Three Fiber performance patterns. This gives that work a focused, browser-previewable visual instead of maintaining several unrelated historical cuts.

Developer impact

The video workspace now has one timeline and one render path. Run nr --filter=video-workspace dev to preview it or nr --filter=video-workspace render to create apps/video/output/react-doctor-three.mp4.

Validation

• nr lint -- apps/video
• nr --filter=video-workspace build
• nlx react-doctor@latest --verbose --scope changed — 100/100
• rendered and inspected a 13-second, 1920×1080, 30 fps H.264 MP4

[pkg-pr-new]

Open in StackBlitz

npm i https://pkg.pr.new/eslint-plugin-react-doctor@1465

npm i https://pkg.pr.new/oxlint-plugin-react-doctor@1465

npm i https://pkg.pr.new/react-doctor@1465

commit: 9d5c509

[github-actions]

React Doctor found no new issues. 🎉

_{Reviewed by React Doctor for commit 9d5c509.}

[github-actions]

Interactive terminal E2E

Recorded from the built CLI at 9d5c509 in a real terminal. The fixture holds Git busy for three seconds, so Scanning... must appear immediately after project selection, then exercises the compact interactive report.

Download the GIF and MP4 artifact