MAC Video Production — Three Candidates (A, C, D) — TODO

Founder-greenlit 2026-05-06 19:51 ET via iMessage. Production-mode workflow per the no-slop-cannon rule. Use the new HyperFrames skills as a real test-drive across as many of the 13 as possible.

Done

Brainstormed 5 candidate scripts (A "The Wall", B "Promotion Ladder", C "TDD for AI", D "The Confession", E "What MAC Is"). Founder picked A + C + D.
Decided execution defaults: TTS via Kokoro (not voice-clone) for D, aspect ratios 16:9 / 1:1 / 9:16, hosted preview deferred to founder-pick gate.
Created project dirs at ~/Projects/mac-landing/videos/ and ~/rdco-vault/01-projects/mac/videos/.

In progress

Stage 1 — Lock final scripts. Tighten copy for A, C, D. Founder voice. ≤60s, ≤30s, ≤15s respectively. File at ~/rdco-vault/01-projects/mac/videos/scripts.md.

Pending

Stage 2 — Compositions scaffolded. npx hyperframes init × 3 in ~/Projects/mac-landing/videos/:
- the-wall/ — 1920×1080, 60s, 30fps
- tdd-for-ai/ — 1080×1080, 30s, 30fps
- the-confession/ — 1080×1920, 15s, 30fps
Stage 3 — Asset prep.
- Pull blocky-type tokens from existing MAC v0 build spec (~/rdco-vault/01-projects/mac-landing/2026-05-05-build-spec.md)
- Generate hand-drawn doodle SVG primitives needed: brick wall, hammer, stick figure climbing, MAC criteria-sheet rows, dashboard scribble. Use existing doodle library at ~/Projects/mac-landing/src/components/Doodle.astro as the visual-language anchor.
- Kokoro TTS for D's confession line: "I spent five years signing off on AI output by squinting at it. I'm done."
- Three.js scene primitive for D's camera shake (or fall back to css-animations if three skill suggests overhead)
Stage 4 — Build compositions.
- A "The Wall": gsap timeline for the climb sequence, lottie for the brick-smash impact moment, css-animations for the wall-stagger reveal, tailwind for the typography outro.
- C "TDD for AI": tailwind grid for the split-screen, css-animations for the side-by-side reveal, waapi for the checkmark drop-in.
- D "The Confession": hyperframes-media TTS embedded as audio track, three.js camera-shake on the dashboard frame, gsap for title reveals, tailwind for type.
Stage 5 — Render. npx hyperframes render <comp> --output mac-<slug>.mp4 --fps 30 --quality standard. Output to ~/Projects/mac-landing/public/videos/.
Stage 6 — Self-review. Run /design-critic per video at the rendered MP4. Capture verdicts (PASS / ITERATE / SCRAP).
Stage 7 — Iterate (one round only). Apply critic feedback if any video gets ITERATE. Skip if all PASS.
Stage 8 — Deliver. File MP4s + thumbnails + report to founder. Surface preview paths via iMessage. Polish-pick gate stays on founder.

Loop continuity

Loop expires after 7 days. The work cluster fits in a single session window.
If interrupted by 4am restart: pick back up from the last checked stage. Each stage is idempotent (compositions are file-based; renders overwrite).
If a render fails for an unrecoverable reason (e.g. CLI version mismatch, missing FFmpeg): pause, report to founder, do NOT silently retry.

Skills exercised (test-drive coverage)

Skill	Used in	Test
`hyperframes`	A, C, D	Composition authoring
`hyperframes-cli`	A, C, D	init, lint, render
`hyperframes-media`	D	Kokoro TTS first invocation
`gsap`	A, D	Timeline patterns + camera reveals
`lottie`	A	Brick-smash impact frame
`css-animations`	A, C	Stagger + reveal
`tailwind`	A, C, D	Typography + grid
`waapi`	C	Checkmark drop-in
`three`	D	Camera shake (or fall back to css)
`animejs`	(skip)	Not needed in these 3; can canary later
`hyperframes-registry`	(skip)	Only if we install registry blocks
`website-to-hyperframes`	(skip)	Different pipeline
`remotion-to-hyperframes`	(skip)	No source Remotion comp

8 of 13 skills exercised in first pass. Acceptable test-drive coverage.

Cross-references

~/rdco-vault/01-projects/mac-landing/2026-05-05-build-spec.md — MAC v0 build spec, tokens + design language
~/Projects/mac-landing/src/components/Doodle.astro — existing doodle vocabulary
~/Projects/squarely-web/videos/ — HyperFrames composition pattern precedent (4 tip videos)
~/.claude/skills/hyperframes/SKILL.md — composition authoring skill
~/.claude/skills/hyperframes-cli/SKILL.md — dev-loop CLI
~/rdco-vault/02-sops/2026-05-05-rdco-website-polish-workflow.md — 12-stage workflow (this is a scoped subset)
~/.claude/projects/-Users-ray/memory/feedback_ic_vs_production_mode.md — production-mode discipline rule
~/.claude/projects/-Users-ray/memory/feedback_design_taste_high_personality.md — hand-drawn / engraving / glitch / Memphis aesthetic anchor