Home / Video / Assets, Tooling, and Strategy
Updated Jun 15, 2026 · Affirmology_VideoToolingPlan_v1.md
For: Jeff (and the build chat) Purpose: One clear map of which tool does what across our three videos, what Jeff executes, and what Claude builds. Reworks the older production docs so they are "Remotion friendly." Hard rules: No em dashes anywhere. "Subconscious Operating System" is the frame. Sol, never "Soul." No investment terms on screen (those live in the separate PDF).
We build on-screen graphics in BOTH Remotion and Hyperframes in parallel, for every use case, and A/B which one is better for each need until a clear winner emerges, if one ever does. This applies to the V2 of the website videos (the teaser and the post audio film) AND to the investor film. We assume AI video tools keep improving, so we test and evolve rather than lock in early. When we write the full plans for each video, we start creating the actual assets here in these sessions (Claude authors the compositions, Jeff renders on his Mac). GSAP stays the engine for the live in-browser web experience; Higgsfield stays the footage generator. The research behind this is in Affirmology_VideoAsCode_Research_v1.md.
GSAP is for the LIVE website videos. It animates in the browser in real time, so the teaser and the post audio film ARE the web page. Nothing to render, nothing to export. The visitor just sees it. Claude bakes the GSAP library directly into the single HTML file so it can never break on a blocked CDN again.
Remotion is for motion GRAPHICS that sit ON TOP of footage. Stat cards, the how-it-works pipeline, the chart reveals, lower thirds, the closing tier or CTA card. It renders to a video file with a see-through background, so you drag it onto a track above your footage in CapCut or Premiere. This is mainly for the investor film and the ad cuts.
Higgsfield is for the cinematic FOOTAGE itself. The AI generated b-roll: cosmic skies, the marble and gold statues (Sophia and Atlas), dreamlike movement, atmosphere. It makes the moving pictures that Remotion graphics and your VO then layer on top of.
Simple version: Higgsfield makes the footage. Remotion makes the graphics that go over the footage. GSAP makes the website videos that need no footage at all.
Affirmology_Primer_v5.html is the latest. Next version becomes Affirmology_Primer_v6.html.Affirmology_WhatsInStore_v2.html is the latest. Next becomes _v3.Affirmology_InvestorVideoKit_v1.md. Graphics scaffolded in Affirmology_RemotionGraphics/. Footage not generated yet.Now, already done: Node and Remotion are installed and Studio opened. Good. Leave it.
This week, the two website videos: 1. Send Claude your improvement notes for the teaser and the post audio film. 2. Claude rebuilds both on inlined GSAP with your notes. You get clickable links, you open them, you react.
This week, in parallel, the Remotion graphics you can already touch:
1. In Remotion Studio (the page that popped up) you can preview StatCard and Pipeline live.
2. To make a usable file, in Terminal in the Affirmology_RemotionGraphics folder run npm run render:statcard. It writes out/statcard.mov. That .mov has a see-through background.
3. Drag it onto a track above any footage in CapCut. The empty areas show the video underneath. That is the whole overlay workflow, proven on one card before we scale it.
Upcoming, the investor film: 1. Generate footage in Higgsfield from the shot list (Claude will write a Higgsfield prompt sheet). 2. Claude expands the Remotion graphics (chart, wheel, bodygraph, tier card, lower thirds). 3. You film the short office clips of you and Sol. 4. Everything meets on a CapCut or Premiere timeline with the VO and music.
These existing docs were written before we split the work across three tools. They get a light pass so each visual beat is tagged with WHO makes it.
Affirmology_TrailerProductionKit_v1.md (teaser): mark every beat as GSAP, since the teaser is fully in browser. Note any hero moment we might also pre render in Remotion for the ad cuts.Affirmology_InvestorVideoKit_v1.md (investor film): for each [CARD] and visual beat, tag it FOOTAGE (Higgsfield), GRAPHIC (Remotion), or CLIP (filmed). This turns the script into a build list.Affirmology_HiggsfieldShotList_v1.md: the prompt sheet for generating the cosmic and statue footage.Claude will do these passes when you say go, so we do not spawn files you do not want yet.
You said you might replace the GSAP web videos with Higgsfield plus Remotion versions. Here is the clean way to think about it.
A reasonable path: keep GSAP for the live loading and upsell moments where speed and interactivity matter, and use Higgsfield footage plus rendered graphics (Remotion and Hyperframes, both, in parallel) for the V2 website videos, the investor film, and the paid ads where cinema matters most. You are not locked in. Per the locked decision above, we build the graphics in both Remotion and Hyperframes and A/B them, so the better tool for each need reveals itself instead of being guessed up front.
Affirmology_PROJECT_STATE.md - overall state, read first.Affirmology_InvestorVideoScriptBrief_v2.md - the investor film content.Affirmology_InvestorVideoKit_v1.md - the investor film production kit.