20 Open-Source Skills and Tools for Programmatic Motion Design with Claude

X posteigenResource

Eigen shares a curated stack of 20 open-source repositories and agent skills for Claude Opus 5.5, enabling automated motion design, 3D scenes, and video pipelines. A companion guide outlines how structured data combined with React video engines like Remotion allows teams to generate scalable campaign variants from code.

Key points

  1. The collection spans 20 tools covering animation, 3D, audio, and export, including Remotion, Anime.js, Motion, Manim, Blender MCP, Three.js, and FFmpeg.
  2. Remotion Agent Skills provide coding agents with official instructions to build compositions and render videos using 'npx skills add remotion-dev/skills'.
  3. The workflow relies on deterministic code animations controlled by seek(t) and browser rendering rather than unpredictable generative video models.
  4. Separating client metadata into structured JSON files allows a single brief to automatically produce 18 video variants across multiple formats and hooks.
  5. The production architecture includes a brief compiler, scene engine, renderer, quality control, variant generator, and packaging delivery.

Why it matters

For digital agencies and developers, programmatic video shifts motion design from manual keyframing into repeatable software infrastructure. It allows teams to produce hundreds of localized or tailored marketing assets programmatically without burning tokens on regenerating entire videos.

Analysis

Deterministic Code vs. Generative Video

Eigen's workflow highlights a fundamental shift in AI-assisted video creation: rather than generating raw video pixels with generative diffusion models, Claude Opus 5.5 writes precise animation code. Frames are controlled mathematically through functions such as seek(t) and rendered directly inside a browser environment before being encoded via FFmpeg. This enables exact programmatic adjustments to typography, brand colours, and animation timing without regenerating the clip from scratch.

Core Architecture of the Production System

The recommended pipeline divides video generation into six modular stages:

  • Structured Data Input: Creative inputs (brand tokens, logos, UI assets) are decoupled into JSON project files instead of freeform prose prompts.
  • Component-Based Scene Engine: Reusable visual building blocks (such as title animations, UI feature reveals, and metric counters) are implemented in Remotion or Three.js.
  • Agent Skills Integration: Skills like remotion-dev/skills and the Blender MCP provide Claude with exact API constraints for 3D blocking and render commands.
  • Audio & Delivery: Librosa and WhisperX handle beat synchronization and subtitle alignment, while FFmpeg and LosslessCut ensure rapid exports.

Practical Trade-offs

While the architecture allows generating multiple ratios (9:16, 16:9, 1:1) and call-to-action variants from a single brief, community feedback highlights a key operational requirement: automated visual feedback. Without an explicit frame inspection mechanism, coding agents generate video layouts blindly, making an automated visual quality-control layer critical for production deployments.

Original post

eigen

@e1genqq · 30 October 2026

HOLY F*CK, motion studio in 100% free github skills for you guys. 20 open-source skills for Opus 5.5. Animation. Simulation. 3D. Audio. Export. 01 Remotion → React video engine. t.co/Dvn1seY4Rb 02 Remotion Skills → Official video skills for coding agents. t.co/K6HMxCzUfG t.co/GpQtLh3xHb

4.7k likes54 replies8.9k bookmarks298.8k views

View on X
More posts in the thread (11)
  1. @ctrlzer0g You can’t go anywhere without it.
  2. @promptvoidx ahaha nice
  3. @HectorObiazi Yes, just send the list to your Claude.
  4. @Phoenixpalmtree Sure. Send the list to your agent and ask him to integrate it quickly so as not to spend a lot of tokens.
  5. @AhmodAdeniyi 👀👀
  6. @betterdevops Just try it
  7. @OyedeleWilliams 🤝
  8. @MookandMush 👻
  9. @uiuximran Thank you
  10. @Fasil5255 all right
  11. @jimmyyangrz Ffmpeg?
Selected replies (5)
  • @Fasil5255 @e1genqq the blender MCP pick is genius ngl. agent handling scene blocking while you do the fun parts is the dream workflow. bookmarked the whole list
  • @jimmyyangrz @e1genqq None of these 20 check the output. Without something that reads the rendered frames back, the agent is just generating blind.
  • @HectorObiazi @e1genqq So I just add them to my Claude?
  • @AhsanJaveriya @e1genqq Open-source skills are a game changer.
  • @ctrlzer0g @e1genqq Remotion is an incredible gem.

Links and tools from this entry

Summary generated by AI (Gemini 3.8 Flash, 1 November 2026). It may contain errors – the original source is authoritative.

Similar in content, found by the AI search.

  • X post:Skunzu

    Open-Source Motion Design Stack for Claude Opus 5.5

    Skunzu shares a curated list of open-source web graphics and animation libraries that Claude Opus 5.5 can use to orchestrate in-browser motion design pipelines.

    1.5kbookmarks59.9kviews

    AI & LLMs· Resource

  • X post:Eric Buess

    Code-Driven Video and 3D Visualisation with Opus 5.5

    Eric Buess curates a thread of community demonstrations showcasing how Opus 5.5 and Claude Code produce videos, 3D scenes, and interactive educational graphics, frequently relying entirely on programmatically generated code rather than traditional diffusion models.

    176bookmarks77.3kviews

    AI & LLMs· Demo

  • Repository:calesthio/OpenMontage

    OpenMontage: Open-Source Agentic Video Production System

    OpenMontage is an open-source video production framework designed to turn AI coding assistants such as Cursor or Claude into automated video production studios. Built with Python, it provides 12 production pipelines, over 100 tools, and 700+ skill and knowledge files connecting speech, image, and video generation services with programmatic editing engines.

    56.2kstarsPython

    AI & LLMs· Tool

Let's talk about your project

Locations

  • Mattersburg
    Johann Nepomuk Bergerstraße 7/2/14
    7210 Mattersburg, Austria
  • Vienna
    Ungargasse 64-66/3/404
    1030 Wien, Austria

Parts of this content were created with the assistance of AI.