Загрузка видео...

Не удалось загрузить видео

На главную

THIS IS PURE F**KING TREASURE. Netflix engineers just shared 20 GitHub repos that can turn Claude Opus 5.5 into a complete motion design studio. From animations and launch videos to cinematic 3D motion graphics, there’s something here for almost every workflow. BUILT FOR OPUS 5.5 1. claude-motion — Motion...

dyfwsammy's profile picture

S 🫧

13,314 subscribers

15,010 просмотров • 3 дней назад •via X (Twitter)

ИскусствоНаука и технологии
LIVE

Anya Rossi• Live Now

Private livecam show

Комментарии: 14

Фото профиля nknwn
nknwn3 дней назад

20 repos damn

Фото профиля Jerry Purvis
Jerry Purvis2 дней назад

None of these links work

Фото профиля Wojak | AI × Web3
Wojak | AI × Web33 дней назад

bookmarking these repos

Фото профиля Ahmed
Ahmed3 дней назад

which repo do you open first

Фото профиля E1ev3n.
E1ev3n.3 дней назад

I save lists like this and never open them, so I picked one repo first. I tried the Remotion skill on a launch video last week and the captions and B-roll came out cleaner than my manual edits. I am working through the timing skills next and the list finally feels usable.

Фото профиля Ret🅰️rded S🅰️m
Ret🅰️rded S🅰️m3 дней назад

Good stuff

Фото профиля Shivam
Shivam2 дней назад

the hard part with these stacks is consistency: 20 repos, 20 visual languages. we baked look + type + motion into one "style" so the same launch film can be any of these without re-prompting 👇

Фото профиля Hadesi
Hadesi2 дней назад

收藏了

Фото профиля Nahid
Nahid2 дней назад

Opus 5.5 + 20 repos = full AI motion studio bookmark this

Фото профиля Linnn 💊
Linnn 💊3 дней назад

Thanks for this

Фото профиля Ritish
Ritish3 дней назад

Twenty repos is a lot to sort. I would start with the ones that render from code, since you can diff and rerun a scene instead of re-rolling a generator.

Фото профиля kelv
kelv3 дней назад

Thanks for sharing champ

Фото профиля Laff
Laff3 дней назад

This is amazing news!

Фото профиля Em
Em3 дней назад

ooh this is a treasure pile for video stuff 😌

Похожие видео

this is pure f*cking treasure ex.Antrophic engineer put together 20 GitHub repos to build a f*cking motion empire, with 1m+ combined stars: taste: > LottieFiles/motion-design-skill: timing, easing, choreography + Disney principles > iart-ai/motion-design-skills: timing, type, color, composition, logos > frankxai/awesome-motion-design-agent-skills: curated GSAP, Motion, Remotion, Lottie, Rive > ismoshushi/awesome-opus-video-skills: index of open video skills for Opus 5.5 web motion: > whaleyxbt/claude-motion: a motion design toolkit for coding agents 06 freshtechbro/claudedesignskills: 3D, animation and interactive web > 199-biotechnologies/motion-dev-animations-skill: 120fps, springs, scroll > greensock/gsap-skills: official GSAP skills, 16.6K stars video in code: > remotion-dev/skills: Remotion's own agent skills > haidrrrry/claude-remotion-skill: B-roll, captions, sound design from one prompt > Liamrjohnston/remotion-motion-graphics-skill: production-ready Remotion graphics > wilwaldon/Claude-Code-Video-Toolkit: Remotion, Manim, screen capture, FFmpeg reels & launch: > iart-ai/motion-skills: 50 skills, 14 packs, from kinetic type to WebGL > kaventro/motion-designer: your real UI, cut to music, rendered locally > Sunwood-ai-labs/hyperframes-motion-reel-skill: beat-synced reels, 120 BPM, 60 FPS > charlie947/motion-graphics-skills: 13 skills, launch-grade, no After Effects opus 5.5 pipeline: > howseen-ai/claude-motion-design: pure-code video, HTML + Playwright + ffmpeg > tuzhechen2005/opus-video-skills: hand-painted animation, kinetic type > siyuanfeng636-cpu/agentic-motion-graphics: code-to-video with Whisper + TTS > Lob0Garou/opus-visual-motion-engine: deterministic seek(t), render QA, MP4 export start at floor 01. then climb.
0:21

this is pure f*cking treasure ex.Antrophic engineer put together 20 GitHub repos to build a f*cking motion empire, with 1m+ combined stars: taste: > LottieFiles/motion-design-skill: timing, easing, choreography + Disney principles > iart-ai/motion-design-skills: timing, type, color, composition, logos > frankxai/awesome-motion-design-agent-skills: curated GSAP, Motion, Remotion, Lottie, Rive > ismoshushi/awesome-opus-video-skills: index of open video skills for Opus 5.5 web motion: > whaleyxbt/claude-motion: a motion design toolkit for coding agents 06 freshtechbro/claudedesignskills: 3D, animation and interactive web > 199-biotechnologies/motion-dev-animations-skill: 120fps, springs, scroll > greensock/gsap-skills: official GSAP skills, 16.6K stars video in code: > remotion-dev/skills: Remotion's own agent skills > haidrrrry/claude-remotion-skill: B-roll, captions, sound design from one prompt > Liamrjohnston/remotion-motion-graphics-skill: production-ready Remotion graphics > wilwaldon/Claude-Code-Video-Toolkit: Remotion, Manim, screen capture, FFmpeg reels & launch: > iart-ai/motion-skills: 50 skills, 14 packs, from kinetic type to WebGL > kaventro/motion-designer: your real UI, cut to music, rendered locally > Sunwood-ai-labs/hyperframes-motion-reel-skill: beat-synced reels, 120 BPM, 60 FPS > charlie947/motion-graphics-skills: 13 skills, launch-grade, no After Effects opus 5.5 pipeline: > howseen-ai/claude-motion-design: pure-code video, HTML + Playwright + ffmpeg > tuzhechen2005/opus-video-skills: hand-painted animation, kinetic type > siyuanfeng636-cpu/agentic-motion-graphics: code-to-video with Whisper + TTS > Lob0Garou/opus-visual-motion-engine: deterministic seek(t), render QA, MP4 export start at floor 01. then climb.

NO1ennn

19,287 просмотров • 21 дней назад

this is straight up f*cking gold 20 open-source GitHub repos stacked into one motion design empire. 5 floors, ~26K stars combined, all of them plug into Claude Code: floor 01 · taste: > LottieFiles/motion-design-skill: timing, easing, choreography before a single line of animation code > iart-ai/motion-design-skills: timing, type, color, composition, logos, backgrounds > frankxai/awesome-motion-design-agent-skills: curated GSAP, Motion, Remotion, Lottie, Rive + 5 installable skills > dylantarre/animation-principles: Disney's 12 principles split into 144 skills floor 02 · web motion: > whaleyxbt/claude-motion: taste, checks its own frames, ships with a sound engine > freshtechbro/claudedesignskills: Three.js, GSAP, R3F, Babylon as Claude Code plugins > 199-biotechnologies/motion-dev-animations-skill: springs, scroll effects, 120fps from plain English > greensock/gsap-skills: official GSAP skills, 14K+ stars floor 03 · video in code: > remotion-dev/skills: Remotion's own agent skills, one npx install > haidrrrry/claude-remotion-skill: easing, grading, captions, then it checks the render itself > Liamrjohnston/remotion-motion-graphics-skill: kinetic text, camera moves, terminal demos > wilwaldon/Claude-Code-Video-Toolkit: Remotion, Manim, screen capture, FFmpeg in one map floor 04 · reels & launch: > iart-ai/motion-skills: 55 skills in 18 packs, kinetic type to WebGL > kaventro/motion-designer: rebuilds your real app UI in HTML and cuts it to the music > Sunwood-ai-labs/hyperframes-motion-reel-skill: one-line theme into a beat-synced reel, 120 BPM, 60 FPS > charlie947/motion-graphics-skills: 15 launch-grade skills, every frame is code floor 05 · opus 5.5 pipeline: > howseen-ai/claude-motion-design: pure code video, HTML + Playwright + ffmpeg > tuzhechen2005/opus-video-skills: one skill per style, hand-painted watercolor or kinetic type > siyuanfeng636-cpu/agentic-motion-graphics: voiceover runs the clock, Whisper timestamps drive every cut > Lob0Garou/opus-visual-motion-engine: deterministic seek(t), automated render QA, frame-exact MP4 start on floor 01. don't skip floors
0:21

this is straight up f*cking gold 20 open-source GitHub repos stacked into one motion design empire. 5 floors, ~26K stars combined, all of them plug into Claude Code: floor 01 · taste: > LottieFiles/motion-design-skill: timing, easing, choreography before a single line of animation code > iart-ai/motion-design-skills: timing, type, color, composition, logos, backgrounds > frankxai/awesome-motion-design-agent-skills: curated GSAP, Motion, Remotion, Lottie, Rive + 5 installable skills > dylantarre/animation-principles: Disney's 12 principles split into 144 skills floor 02 · web motion: > whaleyxbt/claude-motion: taste, checks its own frames, ships with a sound engine > freshtechbro/claudedesignskills: Three.js, GSAP, R3F, Babylon as Claude Code plugins > 199-biotechnologies/motion-dev-animations-skill: springs, scroll effects, 120fps from plain English > greensock/gsap-skills: official GSAP skills, 14K+ stars floor 03 · video in code: > remotion-dev/skills: Remotion's own agent skills, one npx install > haidrrrry/claude-remotion-skill: easing, grading, captions, then it checks the render itself > Liamrjohnston/remotion-motion-graphics-skill: kinetic text, camera moves, terminal demos > wilwaldon/Claude-Code-Video-Toolkit: Remotion, Manim, screen capture, FFmpeg in one map floor 04 · reels & launch: > iart-ai/motion-skills: 55 skills in 18 packs, kinetic type to WebGL > kaventro/motion-designer: rebuilds your real app UI in HTML and cuts it to the music > Sunwood-ai-labs/hyperframes-motion-reel-skill: one-line theme into a beat-synced reel, 120 BPM, 60 FPS > charlie947/motion-graphics-skills: 15 launch-grade skills, every frame is code floor 05 · opus 5.5 pipeline: > howseen-ai/claude-motion-design: pure code video, HTML + Playwright + ffmpeg > tuzhechen2005/opus-video-skills: one skill per style, hand-painted watercolor or kinetic type > siyuanfeng636-cpu/agentic-motion-graphics: voiceover runs the clock, Whisper timestamps drive every cut > Lob0Garou/opus-visual-motion-engine: deterministic seek(t), automated render QA, frame-exact MP4 start on floor 01. don't skip floors

Asteri

15,185 просмотров • 19 дней назад

this is pure f*cking treasure for motion design 20 GitHub repos to build a motion design studio with Opus 5.5 pick the tools for each layer: agent skills, animation, 3D, assets, sound and export 01 Remotion → turn React code into editable videos 02 Remotion Skills → give Claude Code official video workflows 03 Motion Canvas → animate diagrams and explainers in TypeScript 04 Motion AI Kit → give Claude Code Motion docs and guidance 05 Motion → animate live UI layouts and gestures 06 GSAP → sequence SVG and text with precise timelines 07 Anime.js → animate SVG paths, text and interface elements 08 GSAP Skills → teach Claude Code timelines and React cleanup 09 Rive Web → connect vector animations to app states 10 dotLottie Web → play and control Lottie animation assets 11 Three.js → build 3D shots with cameras and lighting 12 React Three Fiber → build 3D scenes as React components 13 Drei → reuse 3D cameras, text and controls 14 React Three Rapier → add collisions, joints and rigid bodies 15 React Postprocessing → add bloom, depth of field and finishing effects 16 SVGO → clean SVG files before animating 17 Satori → generate SVG title cards from JSX 18 Howler.js → control sound effects and fades in web demos 19 Mediabunny → encode and convert video in the browser 20 FFmpeg → encode, resize and inspect final exports the loop: brief → type → animate → build the scene → add sound → render → review → ship save this + read the article below to build your own motion design studio ⭣
0:30

this is pure f*cking treasure for motion design 20 GitHub repos to build a motion design studio with Opus 5.5 pick the tools for each layer: agent skills, animation, 3D, assets, sound and export 01 Remotion → turn React code into editable videos 02 Remotion Skills → give Claude Code official video workflows 03 Motion Canvas → animate diagrams and explainers in TypeScript 04 Motion AI Kit → give Claude Code Motion docs and guidance 05 Motion → animate live UI layouts and gestures 06 GSAP → sequence SVG and text with precise timelines 07 Anime.js → animate SVG paths, text and interface elements 08 GSAP Skills → teach Claude Code timelines and React cleanup 09 Rive Web → connect vector animations to app states 10 dotLottie Web → play and control Lottie animation assets 11 Three.js → build 3D shots with cameras and lighting 12 React Three Fiber → build 3D scenes as React components 13 Drei → reuse 3D cameras, text and controls 14 React Three Rapier → add collisions, joints and rigid bodies 15 React Postprocessing → add bloom, depth of field and finishing effects 16 SVGO → clean SVG files before animating 17 Satori → generate SVG title cards from JSX 18 Howler.js → control sound effects and fades in web demos 19 Mediabunny → encode and convert video in the browser 20 FFmpeg → encode, resize and inspect final exports the loop: brief → type → animate → build the scene → add sound → render → review → ship save this + read the article below to build your own motion design studio ⭣

beamnxw ./

26,385 просмотров • 29 дней назад

Opus 5.5 + /anatomy-reveal is f*cking insane for motion design • Real 3D anatomy reveals from a photo or name • Exploded views with moving parts • Clean motion films with typography, blur, and studio-level transitions This is basically a motion design studio inside Claude Send these skills to your Claude:
0:22

Opus 5.5 + /anatomy-reveal is f*cking insane for motion design • Real 3D anatomy reveals from a photo or name • Exploded views with moving parts • Clean motion films with typography, blur, and studio-level transitions This is basically a motion design studio inside Claude Send these skills to your Claude:

Lunar

12,346 просмотров • 20 дней назад

If you learn one skill this year, make it this one: Turn prompts into motion videos with Opus 5.5 Turn prompts into motion videos with Opus 5.5 Turn prompts into motion videos with Opus 5.5 Turn prompts into motion videos with Opus 5.5 (Save this now)
0:24

If you learn one skill this year, make it this one: Turn prompts into motion videos with Opus 5.5 Turn prompts into motion videos with Opus 5.5 Turn prompts into motion videos with Opus 5.5 Turn prompts into motion videos with Opus 5.5 (Save this now)

Hamza Khalid

17,424 просмотров • 1 месяц назад

Bookmark these motion design tools before your next project. 🎬 - AI motion design with the prompts and skills - Motion templates, animated device mockups, stock library in one place. - AI motion designer for stunning animations and typefaces - Build motion videos in minutes - Showcase your designs in motion.
0:39

Bookmark these motion design tools before your next project. 🎬 - AI motion design with the prompts and skills - Motion templates, animated device mockups, stock library in one place. - AI motion designer for stunning animations and typefaces - Build motion videos in minutes - Showcase your designs in motion.

Simoom

27,344 просмотров • 26 дней назад

Your AI can't make good videos? Give Opus 5.5 these 12 repos Blender. Remotion. GSAP. Three.js. FFmpeg. The exact stack behind this video, all from code Everything below is free: HyperFrames → write HTML, get a video, built for agents Blender MCP → your agent drives Blender for you Remotion → build and render video in React Remotion Skills → teaches your agent to make video like a pro GSAP → smooth motion and kinetic type Three.js → 3D right in the browser Blender → real 3D models, rigs and renders ComfyUI → your own image and video generation pipeline faster-whisper → auto captions from any voiceover Hallmark → kills the "AI slop" look Impeccable → polish, critique and audit any design FFmpeg → exports the final MP4 Studio quote: $5,000. My cost: $0 Drop the list into your Opus 5.5 Then check the article below, it's my full Opus 5.5 motion design playbook ↓
0:30

Your AI can't make good videos? Give Opus 5.5 these 12 repos Blender. Remotion. GSAP. Three.js. FFmpeg. The exact stack behind this video, all from code Everything below is free: HyperFrames → write HTML, get a video, built for agents Blender MCP → your agent drives Blender for you Remotion → build and render video in React Remotion Skills → teaches your agent to make video like a pro GSAP → smooth motion and kinetic type Three.js → 3D right in the browser Blender → real 3D models, rigs and renders ComfyUI → your own image and video generation pipeline faster-whisper → auto captions from any voiceover Hallmark → kills the "AI slop" look Impeccable → polish, critique and audit any design FFmpeg → exports the final MP4 Studio quote: $5,000. My cost: $0 Drop the list into your Opus 5.5 Then check the article below, it's my full Opus 5.5 motion design playbook ↓

Florence

77,288 просмотров • 8 дней назад

I don't f*cking understand why motion designers aren't running this setup HyperFrames, HeyGen's tool that turns HTML into finished video, is past 68k stars on GitHub. hand Claude Code one folder, plug in a video engine, an animation library and Blender, and it stops being a chatbot. it storyboards, animates, renders and checks its own frames before you ever see them. motion designer, founder, marketer, doesn't matter. this is for you. here's the whole thing: > make a folder called STUDIO, open Claude Code in it, and add a CLAUDE.md with one rule: "save every brand color, font, logo and approved style to brand/" > run claude plugin marketplace add heygen-com/hyperframes, then claude plugin install hyperframes@hyperframes. type /hyperframes:hyperframes, describe a 10-second product intro, and it plans, animates and renders the MP4 > run npx skills add remotion-dev/skills. now it can also write videos in React with Remotion, the official skills straight from the Remotion team > run npx skills add it learns proper GSAP: timelines, scroll animations, text effects. and GSAP is 100% free now, every plugin included > run npx skills add LottieFiles/motion-design-skill. it picks up real motion principles: timing, easing, choreography, the classic Disney rules adapted for UI. this is where the taste comes from > run curl -LsSf | sh. Claude gets hands inside Blender to build and edit actual 3D scenes > type /schedule and tell it "every Monday at 9, turn last week's launches into 3 short promo clips and wait for my yes". now it runs on a routine 15 minutes of setup, and you never start from a blank timeline again. all the repos: -> -> -> -> -> bookmark this and test asap
0:25

I don't f*cking understand why motion designers aren't running this setup HyperFrames, HeyGen's tool that turns HTML into finished video, is past 68k stars on GitHub. hand Claude Code one folder, plug in a video engine, an animation library and Blender, and it stops being a chatbot. it storyboards, animates, renders and checks its own frames before you ever see them. motion designer, founder, marketer, doesn't matter. this is for you. here's the whole thing: > make a folder called STUDIO, open Claude Code in it, and add a CLAUDE.md with one rule: "save every brand color, font, logo and approved style to brand/" > run claude plugin marketplace add heygen-com/hyperframes, then claude plugin install hyperframes@hyperframes. type /hyperframes:hyperframes, describe a 10-second product intro, and it plans, animates and renders the MP4 > run npx skills add remotion-dev/skills. now it can also write videos in React with Remotion, the official skills straight from the Remotion team > run npx skills add it learns proper GSAP: timelines, scroll animations, text effects. and GSAP is 100% free now, every plugin included > run npx skills add LottieFiles/motion-design-skill. it picks up real motion principles: timing, easing, choreography, the classic Disney rules adapted for UI. this is where the taste comes from > run curl -LsSf | sh. Claude gets hands inside Blender to build and edit actual 3D scenes > type /schedule and tell it "every Monday at 9, turn last week's launches into 3 short promo clips and wait for my yes". now it runs on a routine 15 minutes of setup, and you never start from a blank timeline again. all the repos: -> -> -> -> -> bookmark this and test asap

kiosa

46,359 просмотров • 19 дней назад

Your AI videos look cheap? Send Opus 5.5 these 14 repos HyperFrames. Blender. Remotion. GSAP. FFmpeg. Voice, captions, 3D and render, all from code Everything below is free: Remotion Skills → official video-building guidance for your agent Blender → models, rigs and real 3D renders faster-whisper → captions from any voiceover Chatterbox → open-source voiceovers from plain text GSAP → UI motion and kinetic type on a timeline Blender MCP → Claude controls the Blender scene Chrome DevTools MCP → your agent sees its own render and fixes it before export FFmpeg → encode, inspect and ship the MP4 Remotion → compose and render video in React Impeccable → polish, critique and audit any design Three.js → 3D in the browser, rendered on your GPU ComfyUI → the image and video generation pipeline yt-dlp → pull reference clips and audio from the web HyperFrames → write HTML, render video, built for agents Editor, voice actor, 3D artist → $0 Give the list to your Opus 5.5 Then go to the article below, it's my full Opus 5.5 motion design guide ↓
0:30

Your AI videos look cheap? Send Opus 5.5 these 14 repos HyperFrames. Blender. Remotion. GSAP. FFmpeg. Voice, captions, 3D and render, all from code Everything below is free: Remotion Skills → official video-building guidance for your agent Blender → models, rigs and real 3D renders faster-whisper → captions from any voiceover Chatterbox → open-source voiceovers from plain text GSAP → UI motion and kinetic type on a timeline Blender MCP → Claude controls the Blender scene Chrome DevTools MCP → your agent sees its own render and fixes it before export FFmpeg → encode, inspect and ship the MP4 Remotion → compose and render video in React Impeccable → polish, critique and audit any design Three.js → 3D in the browser, rendered on your GPU ComfyUI → the image and video generation pipeline yt-dlp → pull reference clips and audio from the web HyperFrames → write HTML, render video, built for agents Editor, voice actor, 3D artist → $0 Give the list to your Opus 5.5 Then go to the article below, it's my full Opus 5.5 motion design guide ↓

Florence

148,369 просмотров • 6 дней назад

Opus 5.5 is insane for motion design... I one-shotted this 2-minute GrokBot animation + sound design using just Opus 5.5. full guide to prompting, sound design, motion animation with Opus 5.5 in the article below ↓
2:12

Opus 5.5 is insane for motion design... I one-shotted this 2-minute GrokBot animation + sound design using just Opus 5.5. full guide to prompting, sound design, motion animation with Opus 5.5 in the article below ↓

Movez

20,341 просмотров • 1 месяц назад

this is pure f*cking treasure 20 GitHub repos to build your own motion design studio with Opus 5.5 storyboards. typography. assets. character states. keyframes. 3D. rendering here’s the stack from the first sketch to the final frame DESIGN + STORYBOARD 01 Penpot → layouts and reusable components 02 Excalidraw → sketch the storyboard 03 Fontsource → self-host your fonts 04 Lucide → consistent SVG icons ASSETS + CHARACTER ANIMATION 05 SVGO → clean the vector assets 06 sharp → resize, crop, and prepare images 07 Lottie-web → play vector animations 08 Rive Web → control character states TIMELINES + CHOREOGRAPHY 09 Motion → springs and layout transitions 10 GSAP → direct complex timelines 11 Anime.js → choreograph SVG and objects 12 Theatre.js → tune motion visually 3D + VISUAL POLISH 13 Three.js → build the 3D scene 14 React Three Fiber → compose 3D in React 15 Drei → cameras, lighting, and staging 16 Postprocessing → bloom and color grading PRODUCTION + EXPORT 17 Remotion → compose and render the video 18 Remotion Skills → give Claude Code the production playbook 19 FFmpeg → encode and package the output 20 Mediabunny → build browser media pipelines start with Remotion + its skills choose the assets, motion engine, and 3D modules your project needs the clever part: the composition lives in code change the copy, colors, timing, or format → render the next version the loop: brief → storyboard → assets → layout → animate → add depth → preview → refine → render save this, then read the full guide for Opus 5.5 Motion Engineering ↓
0:20

this is pure f*cking treasure 20 GitHub repos to build your own motion design studio with Opus 5.5 storyboards. typography. assets. character states. keyframes. 3D. rendering here’s the stack from the first sketch to the final frame DESIGN + STORYBOARD 01 Penpot → layouts and reusable components 02 Excalidraw → sketch the storyboard 03 Fontsource → self-host your fonts 04 Lucide → consistent SVG icons ASSETS + CHARACTER ANIMATION 05 SVGO → clean the vector assets 06 sharp → resize, crop, and prepare images 07 Lottie-web → play vector animations 08 Rive Web → control character states TIMELINES + CHOREOGRAPHY 09 Motion → springs and layout transitions 10 GSAP → direct complex timelines 11 Anime.js → choreograph SVG and objects 12 Theatre.js → tune motion visually 3D + VISUAL POLISH 13 Three.js → build the 3D scene 14 React Three Fiber → compose 3D in React 15 Drei → cameras, lighting, and staging 16 Postprocessing → bloom and color grading PRODUCTION + EXPORT 17 Remotion → compose and render the video 18 Remotion Skills → give Claude Code the production playbook 19 FFmpeg → encode and package the output 20 Mediabunny → build browser media pipelines start with Remotion + its skills choose the assets, motion engine, and 3D modules your project needs the clever part: the composition lives in code change the copy, colors, timing, or format → render the next version the loop: brief → storyboard → assets → layout → animate → add depth → preview → refine → render save this, then read the full guide for Opus 5.5 Motion Engineering ↓

beamnxw ./

39,214 просмотров • 26 дней назад

Opus 5.5 is f*cking insane for motion design 20 tools to build your own motion design studio with Opus 5.5 product demos. launch videos. animated explainers. interactive UI. build the video, tune the movement, shape the scene, add sound, ship. 01 Remotion ▸ turn React components into editable videos 02 Remotion Skills ▸ give your coding agent the official video workflow 03 Motion Canvas ▸ build animated explainers with TypeScript 04 Motion ▸ animate layouts, gestures and springs 05 GSAP ▸ coordinate complex sequences with timelines 06 Anime.js ▸ animate text, SVG and interface elements 07 Rive ▸ build characters that react to user input 08 Animations .dev ▸ study timing, easing and interaction details (paid course) 09 Carbon Motion ▸ plan movement around hierarchy and purpose 10 Easing Wizard ▸ preview curves and tune the feel of a transition 11 Google Fonts ▸ choose typefaces for titles and readable labels 12 Three.js ▸ build custom 3D scenes, lighting and cameras 13 React Three Fiber ▸ compose reusable 3D scenes in React 14 Spline ▸ design interactive 3D scenes visually 15 Poly Haven ▸ get CC0 models, materials and HDRIs 16 Blender ▸ model assets, animate objects and render scenes 17 SVGOMG ▸ clean vector assets before animating them 18 Pixabay Music ▸ find licensed music and sound effects 19 Mediabunny ▸ read, write and convert media in the browser 20 FFmpeg ▸ encode, resize and prepare the final export the loop: write the brief → choose the type → map the keyframes → build the scene → add sound → review the render → ship start with one product workflow. give every movement a job. save this, then read the full guide for Opus 5.5 Motion Engineering ↓
0:20

Opus 5.5 is f*cking insane for motion design 20 tools to build your own motion design studio with Opus 5.5 product demos. launch videos. animated explainers. interactive UI. build the video, tune the movement, shape the scene, add sound, ship. 01 Remotion ▸ turn React components into editable videos 02 Remotion Skills ▸ give your coding agent the official video workflow 03 Motion Canvas ▸ build animated explainers with TypeScript 04 Motion ▸ animate layouts, gestures and springs 05 GSAP ▸ coordinate complex sequences with timelines 06 Anime.js ▸ animate text, SVG and interface elements 07 Rive ▸ build characters that react to user input 08 Animations .dev ▸ study timing, easing and interaction details (paid course) 09 Carbon Motion ▸ plan movement around hierarchy and purpose 10 Easing Wizard ▸ preview curves and tune the feel of a transition 11 Google Fonts ▸ choose typefaces for titles and readable labels 12 Three.js ▸ build custom 3D scenes, lighting and cameras 13 React Three Fiber ▸ compose reusable 3D scenes in React 14 Spline ▸ design interactive 3D scenes visually 15 Poly Haven ▸ get CC0 models, materials and HDRIs 16 Blender ▸ model assets, animate objects and render scenes 17 SVGOMG ▸ clean vector assets before animating them 18 Pixabay Music ▸ find licensed music and sound effects 19 Mediabunny ▸ read, write and convert media in the browser 20 FFmpeg ▸ encode, resize and prepare the final export the loop: write the brief → choose the type → map the keyframes → build the scene → add sound → review the render → ship start with one product workflow. give every movement a job. save this, then read the full guide for Opus 5.5 Motion Engineering ↓

beamnxw ./

17,220 просмотров • 1 месяц назад

Opus 5.5 + Remotion just f*cking killed the jobs of motion designers... add GSAP + Three.js and you've got the building blocks for your own motion design studio the stack: Opus 5.5 → plan the scenes and write the code Remotion → compose, preview, and render the video GSAP → choreograph the timing, easing, and transitions Three.js → build the geometry, cameras, lighting, and depth the useful part: the animation lives in code you can change a scene, adjust the pacing, reuse a component, and render another version from the same project the loop: brief → storyboard → assets → scene code → motion → preview → refine → export give the agent your brief, reference frames, fonts, colors, and delivery format. build one scene first, refine the direction, then carry it through the reel save this, then create your own motion design studio, which will be run by your AI employee ↓
0:31

Opus 5.5 + Remotion just f*cking killed the jobs of motion designers... add GSAP + Three.js and you've got the building blocks for your own motion design studio the stack: Opus 5.5 → plan the scenes and write the code Remotion → compose, preview, and render the video GSAP → choreograph the timing, easing, and transitions Three.js → build the geometry, cameras, lighting, and depth the useful part: the animation lives in code you can change a scene, adjust the pacing, reuse a component, and render another version from the same project the loop: brief → storyboard → assets → scene code → motion → preview → refine → export give the agent your brief, reference frames, fonts, colors, and delivery format. build one scene first, refine the direction, then carry it through the reel save this, then create your own motion design studio, which will be run by your AI employee ↓

beamnxw ./

22,595 просмотров • 23 дней назад

Anthropic, Head of Design: "Opus 5.5 is the most capable model for motion design, but 99% of people use it wrong. to create tier 1 motion design with Opus 5.5, you should give it the right reference, prepare Claude.md & spec - that's the new stack of a motion designer." in 12-minute stage, Anthropic's head of design gives main tips for using Claude at 100% of its power. watch this video, then read the full guide on motion design with Opus 5.5 in the article below.
12:09

Anthropic, Head of Design: "Opus 5.5 is the most capable model for motion design, but 99% of people use it wrong. to create tier 1 motion design with Opus 5.5, you should give it the right reference, prepare Claude.md & spec - that's the new stack of a motion designer." in 12-minute stage, Anthropic's head of design gives main tips for using Claude at 100% of its power. watch this video, then read the full guide on motion design with Opus 5.5 in the article below.

Codez

96,886 просмотров • 1 месяц назад

I used Opus 5.5 to make a motion design video about Haiku This is 100% motion graphics and code Short story about Opus delegating small tasks to Haiku Prompt in the comments
0:20

I used Opus 5.5 to make a motion design video about Haiku This is 100% motion graphics and code Short story about Opus delegating small tasks to Haiku Prompt in the comments

Baptiste (Kelano)

25,720 просмотров • 1 месяц назад

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread
0:40

HyperFrames, now natively in Claude Design Drop in the skill file, generate motion graphics, download project ask Claude Code or run command: $ npx hyperframes render Design to animation to MP4, all in one flow details in thread

HeyGen

580,662 просмотров • 6 месяцев назад

this is the whole f*cking motion studio in 20 repos 20 open-source stacks for Opus 5.5, one job each engines. vector. 3D. sound. delivery 01 Remotion → video engine 02 HyperFrames → html renderer 03 GSAP → timeline control 04 Motion Canvas → explainer engine 05 Theatre.js → keyframe editor 06 Motion → ui motion 07 Lottie → vector player 08 Rive → state machines 09 Manim → math explainers 10 Figma Context MCP → design import 11 three.js → 3d scene 12 React Three Fiber → react 3d 13 Blender MCP → blender desk 14 postprocessing → film look 15 ShaderGradient → gradient lab 16 Cap → screen capture 17 Kokoro → voiceover 18 whisper.cpp → auto captions 19 OpenCut → final cut 20 FFmpeg → export desk Opus writes the scenes and the code. these repos are the camera, the lights and the edit bay. the loop: brief → storyboard → animate → render → ship bookmark this, then spin up your own launch video studio ↓
0:20

this is the whole f*cking motion studio in 20 repos 20 open-source stacks for Opus 5.5, one job each engines. vector. 3D. sound. delivery 01 Remotion → video engine 02 HyperFrames → html renderer 03 GSAP → timeline control 04 Motion Canvas → explainer engine 05 Theatre.js → keyframe editor 06 Motion → ui motion 07 Lottie → vector player 08 Rive → state machines 09 Manim → math explainers 10 Figma Context MCP → design import 11 three.js → 3d scene 12 React Three Fiber → react 3d 13 Blender MCP → blender desk 14 postprocessing → film look 15 ShaderGradient → gradient lab 16 Cap → screen capture 17 Kokoro → voiceover 18 whisper.cpp → auto captions 19 OpenCut → final cut 20 FFmpeg → export desk Opus writes the scenes and the code. these repos are the camera, the lights and the edit bay. the loop: brief → storyboard → animate → render → ship bookmark this, then spin up your own launch video studio ↓

Asteri

49,103 просмотров • 16 дней назад

Gemini 4 Argon / Antigravity Prompt: Create a dynamic 45 second motion graphics video that showcases your incredible motion design skills. I put the code on GitHub, and I'll start adding more complex prompts.
0:45

Gemini 4 Argon / Antigravity Prompt: Create a dynamic 45 second motion graphics video that showcases your incredible motion design skills. I put the code on GitHub, and I'll start adding more complex prompts.

Emily

12,124 просмотров • 23 дней назад

We gave Sonnet 5.5, Haiku 5.5 and Opus 5.5 the same task in Motion: “Make a motion design video about Claude.” Here’s what each one made 👇
0:22

We gave Sonnet 5.5, Haiku 5.5 and Opus 5.5 the same task in Motion: “Make a motion design video about Claude.” Here’s what each one made 👇

Motion

72,048 просмотров • 1 месяц назад

Introducing OpenDesign Motion. The open-source alternative to Claude Motion. Create beautiful motion videos with any agent, any model. No Opus 5.5 required. This entire launch video was made in OpenDesign. More demos below ↓
0:37

Introducing OpenDesign Motion. The open-source alternative to Claude Motion. Create beautiful motion videos with any agent, any model. No Opus 5.5 required. This entire launch video was made in OpenDesign. More demos below ↓

OpenDesign

308,382 просмотров • 24 дней назад