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)

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