Loading video...

Video Failed to Load

Go Home

Turn Claude into a motion design studio with Remotion inside Claude Code—generate full MP4 videos with animations, transitions, and branding by prompt. #ClaudeCode #Remotion #MotionDesign #AIvideo #AIVideoCreation #AIAnimation #GenerativeAI

sebintel's profile picture

sebintel

83,000 subscribers

608,300 views • 7 months ago •via TikTok

ArtsScience & Technology#claudecode#remotion#motiondesign#aivideo#aivideocreation#aianimation#generativeai
LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

Claude Code just turned into a personal motion design studio with ReMotion, letting you create animations and promos instantly by just describing what you want. No keyframes or complex editing—perfect for motion design without the learning curve. #claudecode #remotion #motiondesign #animationtools #designtech
0:30

Claude Code just turned into a personal motion design studio with ReMotion, letting you create animations and promos instantly by just describing what you want. No keyframes or complex editing—perfect for motion design without the learning curve. #claudecode #remotion #motiondesign #animationtools #designtech

AI Honeycove

81,200 views • 4 months ago

Comment “PYNK” for the workflow 🤝 Turn Claude Code into a full motion design studio. Install Remotion directly with one command- And start generating motion design from code. Then iterate by writing simple changes like change the color It makes motion design faster, more flexible and much easier. Cheers. #AIWorkflow #CreativeWorkflow #AIVideo #AICreator #VideoWorkflow
0:35

Comment “PYNK” for the workflow 🤝 Turn Claude Code into a full motion design studio. Install Remotion directly with one command- And start generating motion design from code. Then iterate by writing simple changes like change the color It makes motion design faster, more flexible and much easier. Cheers. #AIWorkflow #CreativeWorkflow #AIVideo #AICreator #VideoWorkflow

Mr. Pynk

398,600 views • 7 months ago

Créer ton studio de motion design dans Claude Code 🧑‍💻 #motiondesign #claudecode
1:17

Créer ton studio de motion design dans Claude Code 🧑‍💻 #motiondesign #claudecode

Saas Builder

61,600 views • 17 days ago

3 ideas for videos you can prompt using Claude Code and Remotion!
9:21

3 ideas for videos you can prompt using Claude Code and Remotion!

Remotion

242,148 views • 9 months ago

ohhh my... Claude Code for Video Animations is insane. In 1 prompt you can create animated videos with Claude Code... w/ the new Remotion skill. And you can do this in the browser because uses Claude Code as the default agent. (Full prompt below 👇)
1:00

ohhh my... Claude Code for Video Animations is insane. In 1 prompt you can create animated videos with Claude Code... w/ the new Remotion skill. And you can do this in the browser because uses Claude Code as the default agent. (Full prompt below 👇)

The Agenteer

47,564 views • 9 months ago

Comment “PYNK” and i send the skill🤝 This Claude skill creates entire Vox style animations. You describe the animation you want And it uses its internal motion design rules To write a full video generation prompt. Then you take that into any video model and generate it. The result is the exact editorial motion graphic style without touching After Effects… Cheers. #AIAnimation #MotionDesign #AIWorkflow #ClaudeCode #GenerativeAI
0:50

Comment “PYNK” and i send the skill🤝 This Claude skill creates entire Vox style animations. You describe the animation you want And it uses its internal motion design rules To write a full video generation prompt. Then you take that into any video model and generate it. The result is the exact editorial motion graphic style without touching After Effects… Cheers. #AIAnimation #MotionDesign #AIWorkflow #ClaudeCode #GenerativeAI

Mr. Pynk

48,600 views • 1 month ago

this is incredible remotion + claude code almost one-shotted this full promo video ~30 sec video with animations, transitions, product demos, brand colors, and background music :O
0:23

this is incredible remotion + claude code almost one-shotted this full promo video ~30 sec video with animations, transitions, product demos, brand colors, and background music :O

Sandra

308,196 views • 9 months ago

Claude Code + Remotion = editor de video automático. Explicale qué querés y listo, lo arma solo. Comentá "EDITOR" para la guía paso a paso. #claude #claudecode #remotion #fyp #Shorts
0:46

Claude Code + Remotion = editor de video automático. Explicale qué querés y listo, lo arma solo. Comentá "EDITOR" para la guía paso a paso. #claude #claudecode #remotion #fyp #Shorts

Agustin Ruppel

33,800 views • 1 month ago

Just made this with Remotion Took only 20 hours with Claude Code
0:38

Just made this with Remotion Took only 20 hours with Claude Code

Tempo (YC S23)

18,909 views • 9 months ago

How to make viral animated videos with Claude Code 😳 Full tutorial in my bio. What should Claude build next? 👇 #claudecode #claude #aivideo #3danimation #facelessvideo
1:11

How to make viral animated videos with Claude Code 😳 Full tutorial in my bio. What should Claude build next? 👇 #claudecode #claude #aivideo #3danimation #facelessvideo

FieldLedger

98,500 views • 10 days ago

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 views • 23 days ago

Using Remotion on Replit with Claude Code to ship new educational assets
0:29

Using Remotion on Replit with Claude Code to ship new educational assets

matt palmer

27,884 views • 9 months ago

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 views • 25 days ago

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.
0:22

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

537,284 views • 1 month ago

Introducing @⁠remotion/transitions! ▸ Transition between sequences ▸ Entrance and exit animations ▸ Full control over timing and presentation ▸ Custom transitions ▸ Nested transitions ▸ Audio cues Get started:
0:28

Introducing @⁠remotion/transitions! ▸ Transition between sequences ▸ Entrance and exit animations ▸ Full control over timing and presentation ▸ Custom transitions ▸ Nested transitions ▸ Audio cues Get started:

Remotion

38,961 views • 3 years ago

Motion design with Claude + Higgsfield MCP 🧩 Turn a single text prompt into pro-level motion videos. It’s actually insanely simple: 1. Describe your idea to Claude 2. Ask it to generate a storyboard 3. Pick your favorite concept 4. Let Higgsfield MCP render the final video
1:09

Motion design with Claude + Higgsfield MCP 🧩 Turn a single text prompt into pro-level motion videos. It’s actually insanely simple: 1. Describe your idea to Claude 2. Ask it to generate a storyboard 3. Pick your favorite concept 4. Let Higgsfield MCP render the final video

FHILY👑

25,763 views • 5 months ago

Claude Code can now make full videos from your terminal.. Not slideshows. Not text on screen.. Actual motion graphics with animations, transitions, custom photos, and background music. [ SHARED A TUTORIAL BELOW EDITED WITH THIS SETUP IN JUST 5mins ] ▫️Here's the setup: Claude Code + Remotion Remotion is a React based framework that renders video programmatically. You describe what you want in plain English, Claude writes the React components and Remotion renders it into a real MP4. What you can actually do with this: > Generate 9:16 vertical videos for TikTok / Reels / Shorts > Add animated text with viral hooks and safe zones > Pull live web screenshots directly into your scenes using Chrome MCP > Fact-check your content in real time with Perplexity MCP > Drop in your own photos and background music > Edit existing talking-head footage cut bloopers, add captions > Schedule posts to your socials straight from the terminal ▫️How to set it up (takes 5 minutes) : > Make sure you have Node.js installed ( node -v to check ) > Create a new Remotion project: npx create-video@latest Pick the Blank template, enable TailwindCSS, and install the Skills package when prompted. > Install dependencies: cd my-video npm install > Start the preview server: npm run dev > Open Claude Code in the same project folder: cd my-video claude That's it. You can now prompt videos in plain English. If you already have a Remotion project, just add the skill directly: npx skills add remotion-dev/skills This drops a SKILL.md into your project that gives Claude expert knowledge of Remotion.. animations, compositions, captions, assets, 3D content everything. Example prompt you can steal: "Create a 30-second 9:16 vertical video about the top 3 AI tools this week. Use animated text with a hook in the first 2 seconds. Add smooth transitions between scenes. Keep text in the safe zone for TikTok. Use a dark tech aesthetic with blue accent colors." Claude writes all the React code, renders a preview, you tweak with natural language, and export when ready. The crazy part is this whole pipeline is local, free (minus your Claude sub), and you never open a video editor. imo this kills CapCut for anyone making info-style content. You describe the video in English and get back a rendered MP4. try it now.
2:01

Claude Code can now make full videos from your terminal.. Not slideshows. Not text on screen.. Actual motion graphics with animations, transitions, custom photos, and background music. [ SHARED A TUTORIAL BELOW EDITED WITH THIS SETUP IN JUST 5mins ] ▫️Here's the setup: Claude Code + Remotion Remotion is a React based framework that renders video programmatically. You describe what you want in plain English, Claude writes the React components and Remotion renders it into a real MP4. What you can actually do with this: > Generate 9:16 vertical videos for TikTok / Reels / Shorts > Add animated text with viral hooks and safe zones > Pull live web screenshots directly into your scenes using Chrome MCP > Fact-check your content in real time with Perplexity MCP > Drop in your own photos and background music > Edit existing talking-head footage cut bloopers, add captions > Schedule posts to your socials straight from the terminal ▫️How to set it up (takes 5 minutes) : > Make sure you have Node.js installed ( node -v to check ) > Create a new Remotion project: npx create-video@latest Pick the Blank template, enable TailwindCSS, and install the Skills package when prompted. > Install dependencies: cd my-video npm install > Start the preview server: npm run dev > Open Claude Code in the same project folder: cd my-video claude That's it. You can now prompt videos in plain English. If you already have a Remotion project, just add the skill directly: npx skills add remotion-dev/skills This drops a SKILL.md into your project that gives Claude expert knowledge of Remotion.. animations, compositions, captions, assets, 3D content everything. Example prompt you can steal: "Create a 30-second 9:16 vertical video about the top 3 AI tools this week. Use animated text with a hook in the first 2 seconds. Add smooth transitions between scenes. Keep text in the safe zone for TikTok. Use a dark tech aesthetic with blue accent colors." Claude writes all the React code, renders a preview, you tweak with natural language, and export when ready. The crazy part is this whole pipeline is local, free (minus your Claude sub), and you never open a video editor. imo this kills CapCut for anyone making info-style content. You describe the video in English and get back a rendered MP4. try it now.

Axel Bitblaze 🪓

31,862 views • 7 months ago

Don’t know how to use Remotion with Claude Code? We got you. This video is fully made with Video Agent. Avatar, script, motion graphics, and the final edits all with one prompt. Try Video Agent for free on HeyGen
1:18

Don’t know how to use Remotion with Claude Code? We got you. This video is fully made with Video Agent. Avatar, script, motion graphics, and the final edits all with one prompt. Try Video Agent for free on HeyGen

Joshua Xu

172,749 views • 9 months ago

Making videos with Claude is easy. Making them look THIS good is another story. Comment VIDEO for the links 👉 #claudecode #aivideo #aiediting #motiondesign
0:56

Making videos with Claude is easy. Making them look THIS good is another story. Comment VIDEO for the links 👉 #claudecode #aivideo #aiediting #motiondesign

george.automates

40,200 views • 19 days ago

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 views • 22 days ago