HOLY F*CK, motion studio in 100% free github skills for you guys.
20 open-source skills for Opus 5.5.
Animation. Shaders. Characters. Audio. Export.
01 Remotion → React video engine.
github.com/remotion-dev/remo…
02 Anime.js → Timelines, easing and choreography.
github.com/juliangarnier/ani…
03 Scene.js → CSS keyframes and animated sequences.
github.com/daybrush/scenejs
04 Konva → Layered 2D graphics and animation.
github.com/konvajs/konva
05 Pencil2D → Hand-drawn animation.
github.com/pencil2d/pencil
06 Zdog → Playful pseudo-3D illustrations.
github.com/metafizzy/zdog
07 Three.js → 3D scenes, lighting and cameras.
github.com/mrdoob/three.js
08 Filament → Physically based rendering.
github.com/google/filament
09 ozz-animation → Skeletal character animation.
github.com/guillaumeblanc/oz…
10 Planck.js → 2D physics and collisions.
github.com/piqnt/planck.js
11 regl → Custom WebGL visuals.
github.com/regl-project/regl
12 WebGL Noise → Procedural noise for shaders.
github.com/ashima/webgl-nois…
13 meshoptimizer → Lighter models, faster rendering.
github.com/zeux/meshoptimize…
14 MeloTTS → Multilingual voiceovers.
github.com/myshell-ai/MeloTT…
15 RNNoise → Neural voice cleanup.
github.com/xiph/rnnoise
16 Rubber Band → Audio time-stretching and pitch shifting.
github.com/breakfastquay/rub…
17 OBS Studio → Screen capture and recording.
github.com/obsproject/obs-st…
18 OpenRV → Shot review and playback.
github.com/AcademySoftwareFo…
19 Mediabunny → Video processing in the browser.
github.com/Vanilagy/mediabun…
20 FFmpeg → Encoding, compression and delivery.
github.com/FFmpeg/FFmpeg
Brief → layout → animate → polish → render → publish.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, motion studio in 100% free github skills for you guys.
20 open-source skills for Opus 5.5.
Animation. Shaders. Characters. Audio. Export.
01 Remotion → React video engine.
github.com/remotion-dev/remo…
02 Anime.js → Timelines, easing and choreography.
github.com/juliangarnier/ani…
03 Scene.js → CSS keyframes and animated sequences.
github.com/daybrush/scenejs
04 Konva → Layered 2D graphics and animation.
github.com/konvajs/konva
05 Pencil2D → Hand-drawn animation.
github.com/pencil2d/pencil
06 Zdog → Playful pseudo-3D illustrations.
github.com/metafizzy/zdog
07 Three.js → 3D scenes, lighting and cameras.
github.com/mrdoob/three.js
08 Filament → Physically based rendering.
github.com/google/filament
09 ozz-animation → Skeletal character animation.
github.com/guillaumeblanc/oz…
10 Planck.js → 2D physics and collisions.
github.com/piqnt/planck.js
11 regl → Custom WebGL visuals.
github.com/regl-project/regl
12 WebGL Noise → Procedural noise for shaders.
github.com/ashima/webgl-nois…
13 meshoptimizer → Lighter models, faster rendering.
github.com/zeux/meshoptimize…
14 MeloTTS → Multilingual voiceovers.
github.com/myshell-ai/MeloTT…
15 RNNoise → Neural voice cleanup.
github.com/xiph/rnnoise
16 Rubber Band → Audio time-stretching and pitch shifting.
github.com/breakfastquay/rub…
17 OBS Studio → Screen capture and recording.
github.com/obsproject/obs-st…
18 OpenRV → Shot review and playback.
github.com/AcademySoftwareFo…
19 Mediabunny → Video processing in the browser.
github.com/Vanilagy/mediabun…
20 FFmpeg → Encoding, compression and delivery.
github.com/FFmpeg/FFmpeg
Brief → layout → animate → polish → render → publish.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, motion studio in 100% free 16 repos.
I don't use After Effect anymore.
Just Opus 5.5 and this open-source 16 github skills.
Motion. VFX. 3D. Sound. Export.
01 Remotion → React video engine.
github.com/remotion-dev/remo…
02 Storyboarder → Shot planning and animatics.
github.com/wonderunit/storyb…
03 Anime.js → Animation timelines and easing.
github.com/juliangarnier/ani…
04 Flubber → Smooth shape morphing.
github.com/veltman/flubber
05 Pixelorama → Pixel art and sprite animation.
github.com/Orama-Interactive…
06 Three.js → 3D scenes, lighting and cameras.
github.com/mrdoob/three.js
07 PlayCanvas → Real-time 3D worlds.
github.com/playcanvas/engine
08 cannon-es → 3D physics and collisions.
github.com/pmndrs/cannon-es
09 Sverchok → Procedural geometry inside Blender.
github.com/nortikin/sverchok
10 Effekseer → Particle effects and stylized VFX.
github.com/effekseer/Effekse…
11 twigl → Live shader coding and GIF loops.
github.com/doxas/twigl
12 Bark → Generative voices and sound.
github.com/suno-ai/bark
13 Pedalboard → Reverb, compression and audio effects.
github.com/spotify/pedalboar…
14 OBS Studio → Screen capture and recording.
github.com/obsproject/obs-st…
15 Shotcut → Timeline editing and finishing.
github.com/mltframework/shot…
16 FFmpeg → Encoding, compression and delivery.
github.com/FFmpeg/FFmpeg
Brief → scenes → motion → sound → render → launch.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, motion studio in 100% free 16 repos.
I don't use After Effect anymore.
Just Opus 5.5 and this open-source 16 github skills.
Motion. VFX. 3D. Sound. Export.
01 Remotion → React video engine.
github.com/remotion-dev/remo…
02 Storyboarder → Shot planning and animatics.
github.com/wonderunit/storyb…
03 Anime.js → Animation timelines and easing.
github.com/juliangarnier/ani…
04 Flubber → Smooth shape morphing.
github.com/veltman/flubber
05 Pixelorama → Pixel art and sprite animation.
github.com/Orama-Interactive…
06 Three.js → 3D scenes, lighting and cameras.
github.com/mrdoob/three.js
07 PlayCanvas → Real-time 3D worlds.
github.com/playcanvas/engine
08 cannon-es → 3D physics and collisions.
github.com/pmndrs/cannon-es
09 Sverchok → Procedural geometry inside Blender.
github.com/nortikin/sverchok
10 Effekseer → Particle effects and stylized VFX.
github.com/effekseer/Effekse…
11 twigl → Live shader coding and GIF loops.
github.com/doxas/twigl
12 Bark → Generative voices and sound.
github.com/suno-ai/bark
13 Pedalboard → Reverb, compression and audio effects.
github.com/spotify/pedalboar…
14 OBS Studio → Screen capture and recording.
github.com/obsproject/obs-st…
15 Shotcut → Timeline editing and finishing.
github.com/mltframework/shot…
16 FFmpeg → Encoding, compression and delivery.
github.com/FFmpeg/FFmpeg
Brief → scenes → motion → sound → render → launch.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, motion studio in 17 repos.
Free GitHub tools + Opus 5.5 for your startup.
After Effects is dead to me after this list.
Motion. Simulation. 3D. Voice. Export.
01 Remotion → React video engine.
github.com/remotion-dev/remo…
02 Anime.js → Animation timelines and easing.
github.com/juliangarnier/ani…
03 SVG.js → Animated vector graphics.
github.com/svgdotjs/svg.js
04 canvas-sketch → Generative visuals and animated loops.
github.com/mattdesl/canvas-s…
05 Synfig → 2D character animation.
github.com/synfig/synfig
06 Three.js → 3D scenes, lighting and materials.
github.com/mrdoob/three.js
07 Camera Controls → Smooth camera moves and transitions.
github.com/yomotsu/camera-co…
08 Troika → Sharp typography inside 3D scenes.
github.com/protectwise/troik…
09 MeshLine → Stylized 3D lines and trails.
github.com/pmndrs/meshline
10 gpu-io → GPU-powered physics and particles.
github.com/amandaghassaei/gp…
11 WebGL Fluid Simulation → Swirling fluid effects.
github.com/PavelDoGreat/WebG…
12 Rhubarb Lip Sync → Turn voice recordings into mouth animation.
github.com/DanielSWolf/rhuba…
13 Piper → Fast, local text-to-speech.
github.com/OHF-Voice/piper1-…
14 DeepFilterNet → Remove noise from voice recordings.
github.com/Rikorose/DeepFilt…
15 OBS Studio → Screen capture and recording.
github.com/obsproject/obs-st…
16 Kdenlive → Timeline editing and final assembly.
github.com/KDE/kdenlive
17 FFmpeg → Encoding, compression and delivery.
github.com/FFmpeg/FFmpeg
Concept → shots → code → motion → sound → publish.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, motion studio in 17 repos.
Free GitHub tools + Opus 5.5 for your startup.
After Effects is dead to me after this list.
Motion. Simulation. 3D. Voice. Export.
01 Remotion → React video engine.
github.com/remotion-dev/remo…
02 Anime.js → Animation timelines and easing.
github.com/juliangarnier/ani…
03 SVG.js → Animated vector graphics.
github.com/svgdotjs/svg.js
04 canvas-sketch → Generative visuals and animated loops.
github.com/mattdesl/canvas-s…
05 Synfig → 2D character animation.
github.com/synfig/synfig
06 Three.js → 3D scenes, lighting and materials.
github.com/mrdoob/three.js
07 Camera Controls → Smooth camera moves and transitions.
github.com/yomotsu/camera-co…
08 Troika → Sharp typography inside 3D scenes.
github.com/protectwise/troik…
09 MeshLine → Stylized 3D lines and trails.
github.com/pmndrs/meshline
10 gpu-io → GPU-powered physics and particles.
github.com/amandaghassaei/gp…
11 WebGL Fluid Simulation → Swirling fluid effects.
github.com/PavelDoGreat/WebG…
12 Rhubarb Lip Sync → Turn voice recordings into mouth animation.
github.com/DanielSWolf/rhuba…
13 Piper → Fast, local text-to-speech.
github.com/OHF-Voice/piper1-…
14 DeepFilterNet → Remove noise from voice recordings.
github.com/Rikorose/DeepFilt…
15 OBS Studio → Screen capture and recording.
github.com/obsproject/obs-st…
16 Kdenlive → Timeline editing and final assembly.
github.com/KDE/kdenlive
17 FFmpeg → Encoding, compression and delivery.
github.com/FFmpeg/FFmpeg
Concept → shots → code → motion → sound → publish.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, motion studio in 100% free 22 repos.
I don't use After Effect anymore.
Just Opus 5.5 and this open-source 22 github skills.
Animation. Physics. 3D. Render. Delivery.
01 Remotion → React video engine.
github.com/remotion-dev/remo…
02 Anime.js → Timeline choreography.
github.com/juliangarnier/ani…
03 mo.js → Shape bursts and motion effects.
github.com/mojs/mojs
04 Theatre.js → Visual keyframe editing.
github.com/theatre-js/theatr…
05 Two.js → Animated vector scenes.
github.com/jonobr1/two.js
06 D3 → Data-driven graphics.
github.com/d3/d3
07 Three.js → 3D scenes and cameras.
github.com/mrdoob/three.js
08 Babylon.js → Real-time 3D rendering.
github.com/BabylonJS/Babylon…
09 Drei → Ready-made React Three Fiber helpers.
github.com/pmndrs/drei
10 Spark → Gaussian splat rendering.
github.com/sparkjsdev/spark
11 cables.gl → Visual node-based scenes.
github.com/cables-gl/cables_…
12 Taichi → GPU-powered physics simulations.
github.com/taichi-dev/taichi
13 SPlisHSPlasH → Fluids, foam and splashes.
github.com/InteractiveComput…
14 Custom Shader Material → Custom shaders with Three.js lighting.
github.com/FarazzShaikh/THRE…
15 OpenToonz → Hand-drawn character animation.
github.com/opentoonz/opentoo…
16 Qwen3-TTS → Expressive voiceovers.
github.com/QwenLM/Qwen3-TTS
17 Audacity → Audio cleanup and mixing.
github.com/audacity/audacity
18 Subtitle Edit → Subtitle editing and timing.
github.com/SubtitleEdit/subt…
19 Auto-Editor → Automatic silence cuts.
github.com/WyattBlue/auto-ed…
20 RIFE → Frame interpolation and slow motion.
github.com/hzwer/ECCV2022-RI…
21 OBS Studio → Screen capture.
github.com/obsproject/obs-st…
22 FFmpeg → Encoding and final delivery.
github.com/FFmpeg/FFmpeg
Idea → storyboard → build → animate → mix → export.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, motion studio in 100% free 22 repos.
I don't use After Effect anymore.
Just Opus 5.5 and this open-source 22 github skills.
Animation. Physics. 3D. Render. Delivery.
01 Remotion → React video engine.
github.com/remotion-dev/remo…
02 Anime.js → Timeline choreography.
github.com/juliangarnier/ani…
03 mo.js → Shape bursts and motion effects.
github.com/mojs/mojs
04 Theatre.js → Visual keyframe editing.
github.com/theatre-js/theatr…
05 Two.js → Animated vector scenes.
github.com/jonobr1/two.js
06 D3 → Data-driven graphics.
github.com/d3/d3
07 Three.js → 3D scenes and cameras.
github.com/mrdoob/three.js
08 Babylon.js → Real-time 3D rendering.
github.com/BabylonJS/Babylon…
09 Drei → Ready-made React Three Fiber helpers.
github.com/pmndrs/drei
10 Spark → Gaussian splat rendering.
github.com/sparkjsdev/spark
11 cables.gl → Visual node-based scenes.
github.com/cables-gl/cables_…
12 Taichi → GPU-powered physics simulations.
github.com/taichi-dev/taichi
13 SPlisHSPlasH → Fluids, foam and splashes.
github.com/InteractiveComput…
14 Custom Shader Material → Custom shaders with Three.js lighting.
github.com/FarazzShaikh/THRE…
15 OpenToonz → Hand-drawn character animation.
github.com/opentoonz/opentoo…
16 Qwen3-TTS → Expressive voiceovers.
github.com/QwenLM/Qwen3-TTS
17 Audacity → Audio cleanup and mixing.
github.com/audacity/audacity
18 Subtitle Edit → Subtitle editing and timing.
github.com/SubtitleEdit/subt…
19 Auto-Editor → Automatic silence cuts.
github.com/WyattBlue/auto-ed…
20 RIFE → Frame interpolation and slow motion.
github.com/hzwer/ECCV2022-RI…
21 OBS Studio → Screen capture.
github.com/obsproject/obs-st…
22 FFmpeg → Encoding and final delivery.
github.com/FFmpeg/FFmpeg
Idea → storyboard → build → animate → mix → export.
Bookmark this. Go build something worth watching ↓
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.
github.com/remotion-dev/remo…
02 Remotion Skills → Official video skills for coding agents.
github.com/remotion-dev/skil…
03 Anime.js → Timeline choreography.
github.com/juliangarnier/ani…
04 Motion → UI animation and layout transitions.
github.com/motiondivision/mo…
05 Manim → Animated diagrams, equations and explainers.
github.com/ManimCommunity/ma…
06 Lottie → Lightweight vector animation playback.
github.com/airbnb/lottie-web
07 MCP for Blender → Let Claude build and edit 3D scenes.
github.com/ahujasid/mcp-for-…
08 Three.js → 3D scenes and camera moves.
github.com/mrdoob/three.js
09 Three GPU Pathtracer → Realistic lighting and reflections.
github.com/gkjohnson/three-g…
10 Jolt Physics → Collisions, rigid bodies and soft bodies.
github.com/jrouwe/JoltPhysic…
11 postprocessing → Bloom, depth of field and color grading.
github.com/pmndrs/postproces…
12 Three.quarks → Particle trails and VFX.
github.com/Alchemist0823/thr…
13 Tweakpane → Live controls for your scene parameters.
github.com/cocopon/tweakpane
14 ComfyUI → Node-based generation workflows.
github.com/Comfy-Org/ComfyUI
15 CosyVoice → Multilingual voiceovers.
github.com/QwenAudio/CosyVoi…
16 librosa → Beat detection for music-synced animation.
github.com/librosa/librosa
17 WhisperX → Word-level timing for captions.
github.com/m-bain/whisperX
18 OBS Studio → Screen capture.
github.com/obsproject/obs-st…
19 LosslessCut → Fast cuts without re-encoding.
github.com/mifi/lossless-cut
20 FFmpeg → Encoding and delivery.
github.com/FFmpeg/FFmpeg
Concept → scene → motion → sound → final cut.
Bookmark this. Go build something worth watching ↓
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.
github.com/remotion-dev/remo…
02 Remotion Skills → Official video skills for coding agents.
github.com/remotion-dev/skil…
03 Anime.js → Timeline choreography.
github.com/juliangarnier/ani…
04 Motion → UI animation and layout transitions.
github.com/motiondivision/mo…
05 Manim → Animated diagrams, equations and explainers.
github.com/ManimCommunity/ma…
06 Lottie → Lightweight vector animation playback.
github.com/airbnb/lottie-web
07 MCP for Blender → Let Claude build and edit 3D scenes.
github.com/ahujasid/mcp-for-…
08 Three.js → 3D scenes and camera moves.
github.com/mrdoob/three.js
09 Three GPU Pathtracer → Realistic lighting and reflections.
github.com/gkjohnson/three-g…
10 Jolt Physics → Collisions, rigid bodies and soft bodies.
github.com/jrouwe/JoltPhysic…
11 postprocessing → Bloom, depth of field and color grading.
github.com/pmndrs/postproces…
12 Three.quarks → Particle trails and VFX.
github.com/Alchemist0823/thr…
13 Tweakpane → Live controls for your scene parameters.
github.com/cocopon/tweakpane
14 ComfyUI → Node-based generation workflows.
github.com/Comfy-Org/ComfyUI
15 CosyVoice → Multilingual voiceovers.
github.com/QwenAudio/CosyVoi…
16 librosa → Beat detection for music-synced animation.
github.com/librosa/librosa
17 WhisperX → Word-level timing for captions.
github.com/m-bain/whisperX
18 OBS Studio → Screen capture.
github.com/obsproject/obs-st…
19 LosslessCut → Fast cuts without re-encoding.
github.com/mifi/lossless-cut
20 FFmpeg → Encoding and delivery.
github.com/FFmpeg/FFmpeg
Concept → scene → motion → sound → final cut.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, ex-Anthropic motion designer shared 17 assets for your own motion studio.
"These ready-made assets for Opus 5.5 will replace my job."
Scenes. Characters. Textures. VFX. Sound.
01 Poly Haven → Studio HDRIs.
polyhaven.com
02 ambientCG → Realistic PBR materials.
ambientcg.com
03 Poly Pizza → Low-poly props.
poly.pizza
04 Quaternius → Rigged characters.
quaternius.com
05 Mixamo → Motion-capture animations.
mixamo.com
06 Spline Community → Remixable 3D scenes.
community.spline.design
07 Kenney Particle Pack → Particle sprites.
kenney.nl/assets/particle-pa…
08 ActionVFX → Fire, smoke and explosions.
actionvfx.com/products
09 Texturelabs → Grain, grunge and overlays.
texturelabs.org
10 LottieFiles → Ready-made vector animations.
lottiefiles.com/free-animati…
11 Rive Marketplace → Interactive animation assets.
rive.app/marketplace
12 unDraw → Editable SVG illustrations.
undraw.co/illustrations
13 Lucide → Consistent SVG icons.
lucide.dev
14 Google Fonts → Typography for your titles.
fonts.google.com
15 Freesound → Foley and ambiences.
freesound.org
16 Sonniss GDC → Sound-effects bundles.
sonniss.com/gameaudiogdc
17 Mixkit → Music for the final cut.
mixkit.co/free-stock-music
Pick your assets. Give Claude the files and a shot list. Have it write the scene and animation code.
Collect → stage → animate → mix → render.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, motion studio in 7 repos.
I don't use After Effect anymore.
Just Opus 5.5 and this open-source toolkit.
Motion. VFX. Characters. Audio. Export.
01 Remotion → The video engine.
github.com/remotion-dev/remo…
02 Motion Canvas → The animation desk.
github.com/motion-canvas/mot…
03 Blender → The 3D studio.
github.com/blender/blender
04 Natron → The compositing lab.
github.com/NatronGitHub/Natr…
05 ComfyUI → The generation pipeline.
github.com/Comfy-Org/ComfyUI
06 Kokoro → The voice booth.
github.com/hexgrad/kokoro
07 FFmpeg → The finishing tools.
github.com/FFmpeg/FFmpeg
Idea → scenes → effects → mix → export.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, AFTER EFFECTS CHEAT CODES IN YOUR GLASSES.
This guy turns Meta Ray-Bans 3 + Opus 5.5 into an After Effects copilot.
An editing coach that checks your work and whispers the next fix while your hands stay on the timeline.
Here’s how I’d build the prototype ↓
01 → Connect the glasses
Start a WhatsApp video call to a second account on your Mac. Switch to the glasses camera to share your POV.
02 → Give Claude a clear view
Ask Claude Code to build a local helper that captures the After Effects window. Use clean screenshots for tiny controls; the glasses provide the POV footage.
03 → Stop burning tokens
Capture when you ask for help or pause editing. Compare screenshots locally and skip duplicates. Don’t send an entire video stream to Opus.
04 → Get one useful instruction
Send the screenshot and your goal through Claude’s vision API. Request one next action, the relevant control and a short explanation.
"Move the thumb layer above the footage".
05 → Hear it through the glasses
Convert the response to speech. Route it through BlackHole into the Mac’s WhatsApp microphone.
06 → Add the visual layer
Build a transparent desktop overlay for highlights and hints. Capture it with OBS. Standard Ray-Ban Meta glasses deliver the audio, the HUD appears in the recording.
Look → ask → hear the fix → keep editing.
Bookmark this build.
HOLY F*CK, 7,300+ repos for your motion studio.
I just released a free app that turns your video idea into a toolkit for Claude.
"Make me a sick product trailer" is a brief.
You still need the right tools, skills and setup.
→ get a toolkit: 3D, animation, voiceover, captions, export.
→ the app recommends tools for your specific idea.
→ give claude your brief alongside the selected repos and relevant agent skills.
→ browse the library and save the tools you like.
Idea → matched tools → Claude → build → ship.
100% free. No sign-up. No ads.
App: synapse-kit.vercel.app
HOLY F*CK, motion studio in 20 repos.
20 open-source skills for Opus 5.5.
Animation. Physics. 3D. Sound. Delivery.
01 Remotion → React video engine github.com/remotion-dev/remo…
02 HyperFrames → HTML-to-video renderer github.com/heygen-com/hyperf…
03 Anime.js → Timeline choreography github.com/juliangarnier/ani…
04 React Spring → Spring animation github.com/pmndrs/react-spri…
05 PixiJS → GPU-powered 2D graphics github.com/pixijs/pixijs
06 p5.js → Generative visuals github.com/processing/p5.js
07 Paper.js → Vector paths
github.com/paperjs/paper.js
08 Matter.js → 2D physics
github.com/liabru/matter-js
09 Three.js → 3D scenes
github.com/mrdoob/three.js
10 Rapier → 3D collisions
github.com/dimforge/rapier
11 OGL → Custom shaders
github.com/oframe/ogl
12 tsParticles → Particle effects github.com/tsparticles/tspar…
13 glTF Transform → 3D asset optimization github.com/donmccurdy/glTF-T…
14 GL Transitions → Shader transitions
github.com/gl-transitions/gl…
15 OBS Studio → Screen capture github.com/obsproject/obs-st…
16 Chatterbox → Voiceovers
github.com/resemble-ai/chatt…
17 Tone.js → Synths and sound effects github.com/Tonejs/Tone.js
18 faster-whisper → Caption transcription github.com/SYSTRAN/faster-wh…
19 OpenCut → Timeline editing
github.com/OpenCut-app/OpenC…
20 FFmpeg → Encoding and delivery github.com/FFmpeg/FFmpeg
Brief → prototype → animate → render → ship.
Bookmark this. Go build something worth watching ↓
HOLY F*CK, a 16-year-old CS student in China shared the setup he says earns him $31,300/month in motion design.
100 of prompts, 1000 of skills and GitHub repos. This is what finally worked for him:
Opus 5.5 + Lemo Opuscar
Here’s how to use it ↓ (+ watch the video)
01 / Install the plugin
You’ll need Claude Code, Node.js 20+, Python 3.11+ and FFmpeg.
Lemo includes style guides, sample films and tools for animation, sound and rendering.
github.com/lemomo-ai/lemo-op…
02 / Start with a working style
Pick a demo close to your idea. Give Claude your script, assets and duration.
Ask it to adapt that style’s existing code.
Keep the scene structure. Change the content, colours and pacing.
Save your version as a reusable style for the next project.
03 / Stop burning resources on rerenders
He's starting recipe:
three still frames → a five-second low-resolution test → the full film.
Fix layout before animation and fix timing before final export.
Start with Canvas 2D, add heavy 3D only where the shot needs it.
Use your own audio or local Kokoro narration. Download voice models and instrument packs only when needed.
Guide: github.com/lemomo-ai/lemo-op…
Bookmark it.
Opus 5.5 + Remotion + Three.js = build the app. Then shoot the f*cking trailer.
Turn product screens into 3D shots with camera moves, depth of field and controlled lighting.
Here’s the setup ↓
01 / Install the skills:
▸ github.com/remotion-dev/skil…
▸ github.com/CloudAI-X/threejs…
02 / Split the interface into layers
Export UI panels as separate PNGs. Map them onto planes, preserve their proportions and spread them along the Z axis.
Use MeshBasicMaterial so lights don’t change screen brightness. Keep the original components for text updates.
03 / Build repeatable camera moves
Connect the scene through @remotion/three.
Store camera positions, look-at targets and shot timings as data. Drive them with useCurrentFrame() so scrubbing and rendering produce the same movement.
Animate the target too. Otherwise your camera flies past the feature it should demonstrate.
▸ remotion.dev/docs/three-canv…
04 / Give it a lens
Use this WebGL effects chain:
RenderPass → BokehPass → UnrealBloomPass → OutputPass
Focus on the active feature. Keep ordinary text below the bloom threshold.
Easy on the glow. It’s a product demo, not a nuclear reactor.
05 / Check cheap. Export clean.
Register the composition as Trailer. Render a smaller draft first:
npx remotion render Trailer out/draft.mp4 --scale=0.5
Check cuts, readable labels and sound. Then export:
npx remotion render Trailer out/final.mp4 --codec=h264 --crf=18
Bookmark it.
Opus 5.5 + Remotion + GSAP = your own animation studio that generates MONEY.
One big button.
Idea → editable scene → animated clip.
Steal the stack ↓
01 / Give Claude a scene
"An orange character jumps on a giant RENDER button. The whole room goes off".
Define the setup, reaction and final shot before writing code.
02 / Set up Remotion
Build an editable composition for the scene, titles and audio. Add the official agent skills:
npx skills add remotion-dev/skills
▸ Remotion Skills
03 / Build the tiny world
Use Three.js through @remotion/three for actual 3D. Start with the character, floor and button. Animate from Remotion’s frame number.
▸ Remotion + Three.js
04 / Let the UI lose its shit
GSAP handles the animated text and panels. The button lands. "QUICK TEST" becomes "OKAY, TOO MUCH".
▸ GSAP
05 / Keep one clock
Use useGsapTimeline() to sync HTML and SVG animations with Remotion.
Keep the controls in one config:
"Add 4 frames before the jump".
"Hold his deadpan stare for a second".
▸ Official integration
06 / Watch the actual damn export
Render 1080 × 1350, 60 fps. Check sound, timing and readability. Keep the editable project.
Brief → build → preview → tweak → render.
Save the stack. Give the little dude a problem.
Opus 5.5 + PixiJS + Anime.js + Tweakpane = your own f*cking motion design studio.
Give Claude a motion reference. Ask it to build an editable scene with a control panel you can actually play with.
→ PixiJS draws the scene: shapes, text, sprites, particles.
→ Anime.js drives the animation: timelines, stagger, easing.
→ Tweakpane gives you the knobs to tune it live.
Then ask Claude to wire up six controls:
01 / STAGGER
Offset each element’s entrance. Turn one big movement into a ripple.
02 / SPRING
Tune the overshoot and settling time. Make the landing soft or give it some punch.
03 / TYPE
Adjust scale, spacing, and reveal timing. Let the headline make an entrance.
04 / ORBIT
Change the radius, speed, and phase. Push a tidy circle into controlled chaos.
05 / TRAIL
Dial in the length and fade of the echoes behind each object.
06 / LOOP
Set the pauses and return timing. Make the ending flow back into the start.
Keep the settings in one config. Connect them to the panel. Save your favorite combinations as presets.
Now your feedback sounds like this:
"Let each letter enter 3 frames after the last".
"Cut the trail length in half".
"Give the headline a full second to breathe".
And here’s the fun part: ask for clean / punchy / unhinged presets.
Tweak → preview → compare → repeat.
github.com/pixijs/pixijs
github.com/juliangarnier/ani…
github.com/cocopon/tweakpane
Save the repos and check out my article ↓
This is f@cking insane...
With the /anatomy skill + Opus 5.5, you can now recreate complex mechanisms and learn how they work.
Why aren’t schools/universities using this yet?
I just built "Learn door lock" and finally understood what’s actually happening inside my door.
Insert the key. Watch the pins or levers line up. Try lock picks and tension tools.
You can see exactly which part is blocking the lock and what needs to move for it to open.
Rotate it, play with it, and explore the details.
skills.wheresryan.sh/anatomy

