20 Open-Source Skills for Opus 5.5: Get It Running First, Then Bookmark It

This list comes from X user @hzxuang and compiles 20 open-source skills available for the AI model Opus 5.5, covering animation, physics, 3D, sound, and delivery. A "skill" here means an external tool the model can call; in this case, it refers to 20 open-source projects that can be used directly, each corresponding to a different part of video production.

There is nothing to fault about the list itself. What is really worth discussing is how to use it.

A commenter in the replies said something very true: "The biggest trap with this list is not a lack of skills; it is saving everything and delivering nothing. First use Remotion + faster-whisper + FFmpeg to get a finished-video pipeline running, then add physics and 3D as needed. Otherwise, those 20 links end up as nothing but bookmarks."

This combination can be put into practice directly. Remotion generates video frames with code, faster-whisper turns voiceover into subtitles, and FFmpeg handles final encoding and packaging. The three tools form a minimal finished-video pipeline, and the other 17 can be added as needed.

Below are all 20 projects, listed by category.

Video Engines

Remotion: A React video engine where code is video. It supports three workflows: programmatic generation, drag-and-drop editing, and AI agents. Pay attention to the license; commercial use must be obtained separately.

Remotion GitHub

HyperFrames: An open-source HTML-to-video renderer from HeyGen, Apache 2.0. Write videos as HTML files with data attributes and render them frame by frame with headless Chrome. There is no build step; pure HTML is enough to run it, and it is one of the few video tools designed for AI agents. It includes more than 450 built-in components and supports animation solutions such as GSAP, Lottie, and Three.js.

HyperFrames GitHub

OpenCut: A timeline editing tool.

Animation

Anime.js: A lightweight JS animation library supporting CSS properties, SVG, DOM attributes, and JS objects.

Anime.js GitHub

React Spring: A spring-physics animation library commonly used in the React ecosystem.

GL Transitions: Shader-based transition effects, a GPU-accelerated transition solution.

2D and Visuals

PixiJS: A GPU-driven 2D rendering engine.

p5.js: Generative visuals, the JS version of Processing.

Paper.js: Vector path manipulation.

tsParticles: Particle effects.

Physics

Matter.js: 2D physics with rigid bodies, collisions, and gravity.

Rapier: A 3D physics engine written in Rust, with good collision-detection performance.

3D

Three.js: The de facto standard for Web 3D scenes.

OGL: A lower-level WebGL library, suitable for custom shaders.

glTF Transform: glTF asset optimization.

Sound and Subtitles

Chatterbox: Voiceover, from Resemble AI.

Tone.js: Synthesizers and sound effects.

faster-whisper: Subtitle transcription, an accelerated version of Whisper.

Capture and Delivery

OBS Studio: Screen capture.

FFmpeg: Encoding, transcoding, and packaging.

Some practical combinations:

• Product launch video: HyperFrames or Remotion generates the visuals, Chatterbox provides voiceover, faster-whisper converts it to subtitles, and FFmpeg composites everything.
• Data visualization short: p5.js or Three.js produces the visuals, Tone.js provides music, and GL Transitions handles transitions.
• Batch rendering pipeline: Remotion renders in batches, OBS Studio captures footage, and FFmpeg handles unified output.

Back to the commenter's advice. First get the minimal loop running, then add physics, 3D, and particles as needed. The value of the list lies in the pipeline, not in bookmarking it.