Video wird geladen...

Video konnte nicht geladen werden

Zur Startseite

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...

19,287 Aufrufe • vor 13 Tagen •via X (Twitter)

21 Kommentare

Profilbild von slash1s
slash1svor 13 Tagen

wow that's full list bro

Profilbild von Slonski
Slonskivor 13 Tagen

each repo covers its own layer

Profilbild von Kitsui
Kitsuivor 12 Tagen

this number of repos is insane

Profilbild von Murmur
Murmurvor 13 Tagen

I would take some Thanks

Profilbild von Agent.hl🐡
Agent.hl🐡vor 13 Tagen

brooo thanks a lot!

Profilbild von Fox
Foxvor 13 Tagen

this is the right time for us to start learning motion design

Profilbild von kiosa
kiosavor 13 Tagen

I’m gonna try a few myself

Profilbild von grev
grevvor 12 Tagen

20 repos is a lot, but starting with taste first actually makes sense - no point automating motion if the output still looks cheap.

Profilbild von beamnxw ./
beamnxw ./vor 13 Tagen

pure empire!

Profilbild von 欣欣子
欣欣子vor 13 Tagen

nice writeup but the ROP chain ordering seems off at gadget two

Profilbild von Blum
Blumvor 13 Tagen

This one's a real stash of useful repos

Profilbild von Stillness
Stillnessvor 13 Tagen

is it even legal to have such type of farm machine?

Profilbild von magsimich
magsimichvor 13 Tagen

Anyone can do to

Profilbild von twinedon
twinedonvor 13 Tagen

saving this, my next videos are getting an upgrade

Profilbild von 小光陪你聊车生活
小光陪你聊车生活vor 12 Tagen

the fullback role changed under this tactic profile you have

Profilbild von Gian Maurice
Gian Mauricevor 13 Tagen

twenty skill repos loaded at once will eat your context before the agent writes a line, so pick two or three that match the job and load them per task. also skim each SKILL.md first since a lot of these are just copied prompts

Profilbild von Gipp 🦅
Gipp 🦅vor 13 Tagen

this is why curated gsap skills speed up workflows

Profilbild von catman
catmanvor 13 Tagen

Agent motion design is becoming a toolkit problem: reusable skills for timing, animation, video, and rendering let you compose a workflow instead of prompting from scratch. Start with one medium you actually ship, then add tools as needed.

Profilbild von Korens
Korensvor 13 Tagen

Turning motion principles into agent skills is brilliant

Profilbild von 小豆带你逛车展
小豆带你逛车展vor 13 Tagen

away end every derby, absolute scenes always

Profilbild von fort1kkk
fort1kkkvor 13 Tagen

You made a whole claude ecosystem broo Looks wild, but i love that

Ähnliche Videos

this is pure f*cking treasure Netflix engineers posted 20 GitHub repos that turn your Opus 5.5 into a f*cking motion empire: built for Opus 5.5 1. claude-motion: taste, checks its own frames, sound written in code. the author built it for Opus 5.5 2. claude-motion-design: HTML, Playwright and ffmpeg, no Remotion. the demo was made on Opus 5.5 3. motion-graphics-skills: 13 skills for launch videos. the README tells you to run it on Opus 5.5 4. claude-remotion-skill: a Remotion editor from one prompt. captions, B-roll, sound 5. klik-anim-skill-creation: the laws of animation and camera, built on Opus 6. hyperframes-motion-reel-skill: a showreel cut to the beat at 120 BPM, on HyperFrames 7. product-launch-motion: a full launch film. voice-over, camera, color grade 8. animate: a short clip in one canvas file, storyboarded as it goes 9. motion-design-skills: timing, color, typography, logos, Remotion 10. hyperframes-student-kit: 14 skills and 406 motion graphics cards the engines these skills render with 11. hyperframes: HTML to MP4. the one almost everyone installs 12. remotion: video written in React 13. remotion skills: the official Remotion skills for your agent 14. GSAP: the timelines HyperFrames runs on. skills: npx skills add greensock/gsap-skills taste and everything around it 15. motion-design-skill: motion principles that work with any engine 16. awesome-motion-design-agent-skills: a map of GSAP, Remotion, Lottie and Rive skills 17. motion-graphics: B-roll built straight from your transcript 18. motion-dev-animations-skill: web animation on not video 19. motion: Motion itself, formerly Framer Motion 20. lottie-web: when you need Lottie, not MP4 the stack in one line: Opus 5.5 writes the code, a skill sets the timing and the camera, an engine renders the MP4. check each repo before you install. save this.

NO1ennn

510,032 Aufrufe • vor 23 Tagen

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 Aufrufe • vor 20 Tagen

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 Aufrufe • vor 11 Tagen

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 Aufrufe • vor 17 Tagen

I still don’t understand why people build Opus 5.5 setups from scratch. 10 repos already did it for you, from 68K stars to 0. 01 claude-code-best-practice → 68K stars. the full guide to subagents, skills, hooks, MCP and memory, with working examples 02 claude-skills → 28K stars. 388 ready skills across 20 fields, built for Claude Code, Codex and Gemini CLI 03 awesome-claude-code-toolkit → 2.7K stars. 135 agents, 42 commands, 20 hooks and 15 rules you can drop into a project 04 AI-Product-Development-Toolkit → 994 stars. six planning prompts, a Next.js starter and a ready CLAUDE.md written for Opus 5.5 05 awesome-claude-video-skills → 867 stars. 300+ repos that teach Claude to make video, sorted by type 06 awesome-claude-code → 508 stars. the cleanest map of tools, plugins and usage trackers around Claude Code 07 motion-graphics-skills → 375 stars. launch-style motion graphics where every frame is code, no After Effects 08 opus-5-5-dev → 1 star. rules for long runs: define “done” first, keep a TASKS.md, end with a fixed four-part report 09 model-bump → 0 stars. scans your code for what breaks on Opus 5.5, like forced tool choice, sampling settings and prefill 10 claude-best-practices → 1 star. 29 agents, 174 skills, 58 rules and 22 hooks to copy into your project stars measure hype. fit measures results. pick one, run it on a single task, keep only what survives. save this before you upgrade, and follow for more setups like this

Ryven

17,804 Aufrufe • vor 7 Tagen