Motion2Code

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.

anything2explainer is a Claude Code and Codex skill for producing narrated explainer videos from a topic or document. It outputs a 1280×720 H.264 MP4 in Chinese or English, with synchronized TTS voiceover, word-aligned subtitles, chapter cards, a top HUD, and a chapter progress bar. Every frame is drawn as code with Remotion, React, and TypeScript rather than generated video or stock footage. Its pipeline researches the subject and records sources, writes the narration, generates voiceover and a frame-accurate timeline, storyboards each shot, dispatches parallel agents to build Remotion components, renders the film, and runs quantitative frame metrics plus chapter-level quality-control and fix passes. The repository includes a compilable Remotion template, visual primitives, style and motion specifications, scripts for voiceover, storyboarding, rendering and QC, and a complete reference film with its research and production records. It is not a standalone CLI; it is a skill and production method intended for AI coding agents. The toolkit is licensed under PolyForm Noncommercial 1.0.0: noncommercial use is free, while commercial use requires prior authorization. The videos produced with it are described as belonging to their creators. It renders through headless Chromium on the CPU, supports landscape output rather than 9:16 video, and provides two backdrops within its specified visual style.

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.

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.