First met in aicp-c3-session-13 · Dev libraries & frameworks · Design & whiteboarding
Videos as React code: programmatic MP4 rendering with no video model anywhere in the loop — deterministic, editable, essentially free.
You want structured product/explainer video you can edit surgically (timeline studio, re-render) rather than diffusion-model clips you can only regenerate.
Official vendor skill bundle installs the company's own expertise (npx skills add)
npx remotion studio: scrub the literal timeline, name the broken frame, prompt the fix
Design-system continuity: builds videos in your site's own colors when run in the same session
Renders MP4s from React/Node code the agent writes
Extracts product facts and palette from your landing page (phase-guide pattern)
Supports per-scene audio sync, subtitles, frame-level regeneration
Doesn't generate photoreal footage — it's motion graphics, not Veo/Sora
Doesn't render fast — 900 frames took real minutes on stage
The free video tier of a product launch: site first, then its explainer from the same repo.
Dev libraries & frameworks · Design & whiteboarding
Two-session course coverage; candidate for course-site promo/recap videos.
styles.css could seed the palette exactly as the trainers' landing pages did.
current
hyperframes: session 14 taught HyperFrames as 'the better Remotion' one day after 13 taught this
suno: background beds for the rendered video