motion-video-kit (Claude Code skill kit for AI-assisted business videos)

Summary

A Claude Code skill (also usable as plain context for any LLM) for making premium, launch-style commercials for real businesses with AI-generated footage, code-built motion (HTML/GSAP), selective Three.js, and an independent-critic quality loop. Packages lessons from studying 28 professional SaaS launch films plus two full sample commercials built through dozens of critique rounds. Contents: the Gauntlet loop (builder != judge, fresh critics on actual renders, item-by-item verification); a motion grammar of six rules and 16 reusable mechanisms; a measurable quality bar (frozen time, loudness, contrast, brand colour); audio rules (music matched to the buyer's customer, sparse SFX, mix targets); a business playbook (verticals, price anchors, pilot-offer template); Three.js patterns (deterministic seekable scenes, exploded layers, projected callouts); product-hero realism techniques; scripts for frozen-time/loudness measurement, contact sheets, and offline mixing. Best with HyperFrames for rendering but renderer-agnostic. 294 stars, 28 forks, 6 commits as of the read.

Keywords

agent skills · motion graphics · video · three.js · GSAP

Topics

video, motion graphics, agent skills, three.js

Research notes

• Discovery: 0xMarioNawfal (@RoundtableSpace, verified) 2026-09-30: https://x.com/RoundtableSpace/status/2105209785335373948 (prompt turning Claude Opus 5.5 into a full motion design pipeline: study reference videos, storyboard, GSAP+Three.js scenes, render and critique every section, iterate until the quality bar passes; the kit is the linked open-source component).
• Connects to the collection's agent-skills and video entries.