rossark-motion-skill

A Claude Code skill for creating motion-design videos in code using HTML, Playwright, ffmpeg, Python, and Chromium. It computes each frame from a deterministic seek(t) function, renders frames with Playwright, blends subframes for motion blur, and encodes the result with ffmpeg. Its motion system includes closed-form springs, log-space camera keyframes, shared-element handoffs, masked word-by-word text, color floods, and ports of selected 21st.dev components. The workflow moves from inputs and a beat map through still-frame approval, full rendering, pop detection, audio generation, and final muxing. Audio processing finds musical drops by band energy, aligns the song to a key visual frame, places sound effects at measured peaks, and applies two-pass loudness normalization. The repository also includes a remake mode for frame-locked recreations with shot analysis, side-by-side verification, and royalty-free replacement audio. The code is MIT-licensed; downloaded third-party media remains under its respective license.

motionmaxxing is an open-source agent skill for Claude Code and other agents that read a SKILL.md folder. It generates motion-graphics films from plain HTML, using GSAP and a vendored Three.js runtime for frame-by-frame animation, 3D hero objects, typography, native-style product UI, and deterministic Chrome/FFmpeg rendering. Its ten-step process covers brand capture, concept and storyboard creation, scripting and voice, building the hardest beat first, rendering, scripted inspection, sound-to-picture, and delivery. The skill uses measured motion precedents and quality gates for render validity, empty frames, end-card duration, composition, and page-chrome patterns; it produces files including final.mp4, editable index.html, STORYBOARD.md, and NOTE.md. Installation checks Node.js, Python, FFmpeg, and Google Chrome without installing system-wide dependencies. The repository is licensed Apache-2.0, while bundled third-party components retain their own licenses, and the project describes itself as an early release with limitations including visual checks that remain manual and limited WebGL rendering speed.

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.

Motion2Code is a skill for coding agents that rebuilds motion-design videos as clean, editable inline SVG and GSAP code. It uses video-analysis scripts to extract timed frames, hard cuts, palettes and loop information, then drives the result with a single seekable GSAP timeline. Its comparison and rendering tools generate frame-by-frame source/code diffs, check loop seams and deterministic seeking, and render proof videos or GIFs. For screen recordings of websites and apps, it can instead produce real interactive pages using GSAP ScrollTrigger. The skill supports Claude Code, Codex, Cursor, Copilot, Gemini and other agent environments; its scripts require Python 3.9+, ffmpeg and, for browser-based checks, Playwright. The repository is MIT-licensed.

Animate is a Claude Code skill and plugin for creating short animated videos procedurally in code. It builds a self-contained canvas animation and renders it to MP4 with a headless browser and ffmpeg, using an intake flow followed by story, visual-style, and storyboard approval checks before rendering. The skill includes seven built-in styles—cut paper, crosshatch, risograph, sketchbook, math, pixel, and isometric—and can create an additional style from reference media by measuring its palette, line weight, texture, motion, and cut rhythm. It supports beat-mapped or code-composed music, narrated voice-over timing, real product screenshots, shape-morph transitions, and 9:16, 1:1, 4:5, and 16:9 outputs from one piece. The repository provides command-line tools for building, previewing, storyboarding, exporting, reviewing, comparing references, and checking rendered frames; it is distributed under the MIT license.