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
| Session | Coverage | Moment | What happened |
|---|---|---|---|
| Session 13: Claude Code — Skills, Sub Agents & the Token Economy (posted as 'Beyond Vibe Coding — n8n & More') | demonstrated | 1:32:29 | Official vendor skills via npx skills add; phase-guide doc; 900-frame render; npx remotion studio timeline editing |
| Session 3: Building Elegant Landing Pages | mentioned | 0:25:58 | Code-driven video editing framework (with a peer heard as 'hyperframes') — the class of tool whose skills need scripts |
| Session 14: Claude Code — Advanced Workflows | mentioned | 2:32:23 | Yesterday's tool (session 13); positioned as the alternative HyperFrames competes with |
| Session 18: Nano Banana + Veo 3.1 Multi-Shot Video — UGC Genie, an AI-UGC Product Built Live | mentioned | Kept out of v1; named for caption-grade editing alongside HyperFrames |