Back to portfolio
AI Systems

AI-Assisted Case-Study Video Production System

Creating a case-study video usually means going through the same editing tasks repeatedly: arranging scenes, syncing captions, timing animations, cleaning up audio, and exporting the final video. I wanted a more consistent way to turn completed projects into short, visually engaging videos without rebuilding the entire editing process every time. Instead of relying on a traditional video timeline, I developed a programmatic production system using Remotion, React, and TypeScript. Each video is built from reusable components, follows the same visual system, and uses word-level narration timing to control when captions, transitions, and animations appear. The system works with recorded voiceovers and real project materials, including screenshots, PDF pages, and screen recordings. Evidence must be documented and validated before it can be used in a video. I also built scripts to prepare and normalize audio, generate transcripts locally, align narration with approved scripts, and check the technical quality of rendered files. The workspace currently contains six registered video compositions. Five have recorded narration and word-level timing, while one completed CRO case study serves as the approved visual and technical reference. The result is a repeatable production workflow designed to keep case-study videos visually consistent, accurately timed, and supported by real project evidence.

Client logo
Internal Portfolio Project · Video Production & Content Operations · Not specified — Internal Project · Internal Production / Portfolio Marketing
01 · The Problem

Every case-study video required the same editing work, with too many opportunities for mistakes.

I wanted to present completed projects through short vertical videos rather than relying entirely on written case studies. The challenge was producing those videos consistently. Editing each video manually meant repeating the same steps: building layouts, adjusting text, syncing captions with narration, adding animations, cleaning up audio, and checking the export. As the number of videos increased, maintaining the same visual style became more difficult. There was also an accuracy problem. Case-study videos often include screenshots, performance numbers, and examples from real projects. A wrong number, outdated screenshot, or unsupported claim could easily make its way into the final edit if everything depended on manual checking. Audio quality created another issue. Without a standard validation process, different videos could end up with inconsistent loudness, timing, or export settings. I needed a production process that could reuse the same visual system, keep narration and animation synchronized, and catch avoidable errors before publishing.

02 · The Diagnosis

The repetitive parts of video editing could be handled by code instead of rebuilt every time.

Most of the work wasn't actually unique to each video. The layout, typography, transitions, caption styling, animation patterns, and export settings followed a consistent structure. What changed was the story: the narration, screenshots, evidence, and sequence of scenes. That led me to approach video production as a software workflow. Instead of manually adjusting a timeline, I could build scenes as React components and control their behavior through structured data. Narration timing could come from word-level transcription rather than manually placed keyframes. Screenshots and metrics could be referenced through a documented evidence manifest instead of being inserted freely into the video. Finally, automated checks could validate the rendered file's format, audio levels, timing, and technical integrity. The goal wasn't to remove creative decisions from the process. It was to automate the repetitive production work while keeping the script, evidence selection, and final approval under human control.

03 · The System

A code-driven video pipeline connecting narration, animation, evidence, and automated quality checks.

Reusable Video Design System
A shared Remotion component library controls typography, layouts, transitions, and animations across all videos. Each case study uses its own content while following the same design system and vertical video specifications.
Automated Voiceover Processing
Python and FFmpeg scripts combine recorded takes, adjust pauses, and normalize audio levels through a repeatable process, preparing consistent narration files for video production.
Word-Level Caption & Animation Timing
Local faster-whisper transcription and custom alignment scripts generate frame-accurate word timestamps. Captions, scene changes, and animations use those timestamps instead of relying on manually estimated timing.
Evidence & Source Validation
A typed evidence system requires screenshots, figures, and supporting assets to pass through documented manifests containing source information, file hashes, dimensions, and review status before appearing in a video.
Automated Video Quality Assurance
Validation scripts check asset manifests, privacy-related issues, fonts, and rendered video specifications, including resolution, codecs, frame rate, audio levels, synchronization, and full-file decoding.
Controlled Rendering & Production Workflow
Each case study follows a structured production workflow with its own composition, timing, and assets. Shared sound effects, automated tests, and a Claude Code render-authorization hook help control what gets rendered and when.
The results
6
Video compositions registered in one shared production workspace.
5
Video compositions prepared with recorded narration and word-level timing.
22
Automated self-tests covering production quality gates, with additional tests for sound effects and render authorization.
1080×1920
Standard vertical video resolution at 30 fps, with automated technical export validation.
1
Approved CRO case-study reference video, approximately 113 seconds long, used to establish the production standard.
Tech stack
Remotion 4React 19TypeScript 5.9Node.jsPython 3faster-whisperWhisper medium.enFFmpegffprobePillowNumPyESLintPrettierlucide-reactGoogle FontsClaude CodeGit

Create more video content without rebuilding the production process every time.

We build automated content production systems that keep your visuals consistent, reduce repetitive editing work, and make quality checks part of the process.

Discuss Your Project