procedural-film

An open-source AI agent skill for Claude Code, Codex, and similar coding agents that produces cinematic product, marketing, launch, and demo videos with Remotion. It provides shot recipe cards, motion previews, a reusable video template, and workflows for storyboarding, real page capture, animation, 2.5D camera moves, sound design, beat-synced cuts, and visual checks. The repository includes native Remotion components driven by normalized progress values, a gallery for browsing motion previews, and an optional JianYing project export that separates shot plates, captions, sound effects, and background music into editable tracks. It can be installed through the skills CLI, by cloning the repository, or by linking it into a Claude Code or Codex skills directory.

product-film is a Claude Code skill for creating product films in Remotion, including landing-page loops, launch videos, promos, and demo reels from a product's real components, design tokens, logo, and stated claims. It first inspects the product's design rules, tokens, components, live site, logo, and claims, then interviews the user about the film's duration, placement, music, features, and visual ingredients. It records the resulting brand kit in videos/BRAND.md, creates a beat sheet, analyzes the music's beat grid, builds time-based Remotion scenes, and supports review through style frames, stills, contact sheets, and a draft render. The final workflow renders a 240 fps master with motion blur and can produce a muted loop, a music version, a WebM file, and a poster; verification scripts decode the outputs and check colors, duration, and loop continuity. It runs in a local Claude Code toolchain rather than the Claude chat apps, requires Node.js, Bun, and uv, and is distributed under the MIT license for its own text and code.

video-use is an open-source video-editing tool for coding agents such as Claude Code, Codex, Hermes, and Openclaw. It takes raw footage in a folder and produces an edited MP4, with support for removing filler words and dead space, applying FFmpeg color-grading chains, adding short audio fades at cuts, burning customizable subtitles, and generating animation overlays through HyperFrames, Remotion, Manim, or PIL. Its pipeline transcribes each source with ElevenLabs Scribe, packing word-level timestamps, speaker diarization, and audio events into a Markdown view. The agent reasons over that transcript and requests filmstrip, waveform, and word-label composites from timeline_view only at decision points, rather than processing every video frame as visual context. It then creates an edit decision list, renders the result, evaluates the rendered video at every cut boundary for visual jumps, audio pops, and subtitle problems, and can revise and re-render up to three times. The tool uses an approval-oriented workflow in which the agent inventories sources, proposes an editing strategy, waits for confirmation, executes the edit, evaluates it, and persists session memory in project.md. It requires FFmpeg and an ElevenLabs API key; yt-dlp is optional for downloading online sources. Outputs are placed in an edit directory next to the source footage.

HyperFrames is an open-source framework for turning HTML, CSS, media, and seekable animations into deterministic MP4 videos. It can be used locally through a CLI, by AI coding agents through skills, or as a rendering core for hosted authoring workflows. Compositions are defined as HTML with data attributes for timing, tracks, media, and sub-compositions. The renderer seeks each frame in headless Chrome, uses animation adapters such as GSAP, CSS, Lottie, Three.js, Anime.js, or WAAPI, and encodes the result with FFmpeg; its toolchain includes preview, linting, inspection, local rendering, browser-based editing, reusable catalog components, and AWS Lambda rendering. The project requires Node.js 22 or newer and FFmpeg, does not require React or a build step, and is licensed under Apache 2.0. Its agent skills support workflows including product videos, explainers, pull-request videos, captions, motion graphics, slideshows, music-driven videos, and general compositions.

Bang Motion is an agent skill for building browser-based motion graphics such as product openers, promos, bumpers, channel intros, kinetic typography, lower thirds, and explainers. It produces a single index.html that plays in a browser and encodes anti-slide rules: scenes change through camera or world movement rather than section fades, subjects or shared worlds persist, motion occurs continuously, and text and numbers remain part of the scene. Its deterministic timeline makes each frame a pure function of time for exact scrubbing and frame-by-frame export, while a shared camera rig supports flowing-world and camera-through-collage modes. The skill includes five explainer starters—cartoon collage, visual journalism, white catalog, vintage sketch, and continuous action—along with configurable style briefs, background motion, surfaces, transitions, highlight shapes, voice-over re-timing, and optional Puppeteer and FFmpeg scripts for verification and MP4 export. It can be installed as a Claude Code plugin or copied into Claude Code, Codex CLI, Gemini CLI, Cursor, or another agent workflow; watching the output requires only a browser and internet connection. The repository is licensed under MIT.