正在加载视频...

视频加载失败

加载此视频时出现问题。这可能是由于临时网络问题，或视频可能不可用。

Remotion Skills

Alex Sidorenko

35,410 subscribers

71,446 次观看 • 8 个月前 •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

原始帖子的评论将显示在这里

相关视频

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.

this is pure fcking treasure Netflix engineers posted 20 GitHub repos that turn your Opus 5.5 into a fcking 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

475,543 次观看 • 9 天前

帅是真帅啊，Remotion Agent Skills做视频，我也做了一个出来，还蛮有质感的，给PPT用绝配两个命令， npx skills add remotion-dev/skills use remotion skill create a video about how to install claude code 然后就搞定了，不需要配置 API 什么样的，现在回过头来看看原理，感觉真需要新的提示语来做运镜效果

帅是真帅啊，Remotion Agent Skills做视频，我也做了一个出来，还蛮有质感的，给PPT用绝配两个命令， npx skills add remotion-dev/skills use remotion skill create a video about how to install claude code 然后就搞定了，不需要配置 API 什么样的，现在回过头来看看原理，感觉真需要新的提示语来做运镜效果

卡尔的AI沃茨

15,168 次观看 • 8 个月前

What's new in Remotion? 💥 0:04 Light Leaks 📢 0:30 Sound Effects ▲ 1:12 Render on Vercel 🤹 1:50 New Skills 🌐 2:14 Web Renderer Update 🕴️ 2:24 Less teething with Agents 📦 3:17 Rspack ↔️ 4:07 Sneak Peek: Visual Mode

What's new in Remotion? 💥 0:04 Light Leaks 📢 0:30 Sound Effects ▲ 1:12 Render on Vercel 🤹 1:50 New Skills 🌐 2:14 Web Renderer Update 🕴️ 2:24 Less teething with Agents 📦 3:17 Rspack ↔️ 4:07 Sneak Peek: Visual Mode

Remotion

58,664 次观看 • 7 个月前

This video by Remotion is literally motion design porn. no skills , mcp , tools , video gen , special prompts one shot fully in code or natural language , this is genuinely crazy

This video by Remotion is literally motion design porn. no skills , mcp , tools , video gen , special prompts one shot fully in code or natural language , this is genuinely crazy

Daniel Ch

320,193 次观看 • 3 个月前

The HeyGen avatar skill is available for Claude Code now. I was playing around with Remotion + HeyGen to make a talking video. It works great! Here’s how you can do it: - Install the remotion skill - Install the heygen avatar skill: npx add-skill heygen-com/skills - Set up your HEYGEN_API_KEY (we offer free API credits if you have a HeyGen account) - Start prompting Check out the example video made with HeyGen + Remotion + Claude Code.

Joshua Xu

147,305 次观看 • 8 个月前

Reintroducing Remocn 😊 Ready-to-use Remotion animations for building videos with components. → Install via shadcn → Works with any AI agent → Includes Agent Skills This video was built entirely with Remocn components

Reintroducing Remocn 😊 Ready-to-use Remotion animations for building videos with components. → Install via shadcn → Works with any AI agent → Includes Agent Skills This video was built entirely with Remocn components

KapishDima

20,879 次观看 • 3 个月前

Made this video with Cursor + Remotion skills. One shot. Took 3 minutes (including my review of the plan). Cursor's browser even played it back and verified it followed our brand guidelines so our designer Justin Jay Wang doesn't yell at me! Prompt + full recording below.

edwin

63,523 次观看 • 8 个月前

Crea animaciones de texto con esta skill de IA. Sube el nivel del diseño de tu web o app en segundos. ✓ Compatible con Remotion, Motion, GSAP... ✓ Timings, curvas y efectos Instalación: npx skills add pixel-point/animate-text --skill animate-text

Crea animaciones de texto con esta skill de IA. Sube el nivel del diseño de tu web o app en segundos. ✓ Compatible con Remotion, Motion, GSAP... ✓ Timings, curvas y efectos Instalación: npx skills add pixel-point/animate-text --skill animate-text

Miguel Ángel Durán

32,086 次观看 • 5 个月前

用 remotion-dev 的skill口喷了一个小视频，太好玩了。让它做了个动画切换和嵌入了个小视频，怕大家觉得有点干🐶 感觉这个挺还有前景的安装命令：npx skills add remotion-dev/skills 一开始渲染出的视频还有点跳帧，告诉AI就能帮你修复，全程不用自己动手剪辑

用 remotion-dev 的skill口喷了一个小视频，太好玩了。让它做了个动画切换和嵌入了个小视频，怕大家觉得有点干🐶 感觉这个挺还有前景的安装命令：npx skills add remotion-dev/skills 一开始渲染出的视频还有点跳帧，告诉AI就能帮你修复，全程不用自己动手剪辑

岚叔

27,202 次观看 • 8 个月前

CLAUDE CODE IS NOW MY VIDEO EDITOR 📽️ I LOVE WHAT IT CAN DO WITH THIS REMOTION SKILL I asked it to make me a showcase for my project: SFX/Music/Images (besides the characters) was genned & stitched by Claude using other skills! besides my feedback, this was FULLY autonomous

CLAUDE CODE IS NOW MY VIDEO EDITOR 📽️ I LOVE WHAT IT CAN DO WITH THIS REMOTION SKILL I asked it to make me a showcase for my project: SFX/Music/Images (besides the characters) was genned & stitched by Claude using other skills! besides my feedback, this was FULLY autonomous

BOOTOSHI 👑

224,947 次观看 • 8 个月前

Marketing Skills v1.9.0 is out. What shipped: 🆕 /image — AI image generation for marketing. Gemini, Flux, Ideogram, DALL-E, Midjourney. Blog heroes, social graphics, product mockups, and optimization workflows. 🆕 /video — AI video production. Hyperframes & Remotion pipelines, HeyGen & Synthesia avatars, Veo, Runway, Kling, Pika generation. Editing, repurposing, and distribution. Enhanced skills: • /social-content — short-form video section (TikTok, Reels, Shorts frameworks with hooks and scripting) • HeyGen integration — API setup, MCP server, avatar workflows • Hyperframes integration — HTML/CSS programmatic video rendering 📹 This launch video was made with Hyperframes! Also: plugin marketplace fix, phishing URL removal. Now shipping 40 skills and 52 tool integrations. Free, open source. npx skills add coreyhaines31/marketingskills

Corey Haines

82,441 次观看 • 5 个月前

Remotion 这个 skills 能力上限会很高，两个 prompt 初步完成了一个介绍 Claude code task 的介绍视频。如果配合一些模板 + nano banana 的生图能力能做出生产级别的视频。

Remotion 这个 skills 能力上限会很高，两个 prompt 初步完成了一个介绍 Claude code task 的介绍视频。如果配合一些模板 + nano banana 的生图能力能做出生产级别的视频。

Leo Xiang

23,901 次观看 • 8 个月前

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.

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 次观看 • 6 个月前

AIエージェント開発のガチ実践見せます！本日22時〜「ClaudeCode skills ❌️OpenClaw（旧Clawdbot）❌️Obsidian ❌️Remotion skills」をフル活用して "くりえみAIエージェント開発" の構築 & 活用を実践！ ※必ずリプからご参加を！（無料） ↓のくりえみさんボイス動画も1発ポン出しです！

AIエージェント開発のガチ実践見せます！本日22時〜「ClaudeCode skills ❌️OpenClaw（旧Clawdbot）❌️Obsidian ❌️Remotion skills」をフル活用して "くりえみAIエージェント開発" の構築 & 活用を実践！ ※必ずリプからご参加を！（無料） ↓のくりえみさんボイス動画も1発ポン出しです！

ユニコ🦄 AIエージェント開発の人

15,198 次观看 • 8 个月前

Arrêtez d'utiliser Claude pour faire des vidéos pour vos SaaS qui vont jamais vendre 1. Faites des vidéos comme celle-là avec des sujets éducatifs avec Opus 5.5 + Remotion + Three.js + GPT-image-2 (0,2 $ par vidéo) 2. Remplissez YouTube de vos créas 3. Faites-vous un bon petit revenu passif $$$ Je touche à tout les bros, pas que les apps iOS DM pour le skills

Arrêtez d'utiliser Claude pour faire des vidéos pour vos SaaS qui vont jamais vendre 1. Faites des vidéos comme celle-là avec des sujets éducatifs avec Opus 5.5 + Remotion + Three.js + GPT-image-2 (0,2 $ par vidéo) 2. Remplissez YouTube de vos créas 3. Faites-vous un bon petit revenu passif $$$ Je touche à tout les bros, pas que les apps iOS DM pour le skills

minos

113,911 次观看 • 18 天前

教育/培训材料制作教学视频制作全流程这四个skills就够了，实现课件 PDF → 提取内容 → 生成练习题/思维导图/视频的流程： 1、paddleocr-doc-parsing_： 2、wshuyi/remotion-video-skill： 3、joeseesun/knowledge-site-creator： 4、coleam00/excalidraw-diagram-skill：

教育/培训材料制作教学视频制作全流程这四个skills就够了，实现课件 PDF → 提取内容 → 生成练习题/思维导图/视频的流程： 1、paddleocr-doc-parsing_： 2、wshuyi/remotion-video-skill： 3、joeseesun/knowledge-site-creator： 4、coleam00/excalidraw-diagram-skill：

Jason Zhu

46,228 次观看 • 6 个月前

Agent + MCP + Skills，简直太疯狂了。😋 我让 Agent 使用 Claude in Chrome MCP 自动刷推，总结英文区的 Coding Agent 热点。接着使用 remotion-skill 加 ui-ux-pro-max-skill 简单跟 Agent 聊了几句，就制作了这个《今日热点 Agent 资讯》视频。

Agent + MCP + Skills，简直太疯狂了。😋 我让 Agent 使用 Claude in Chrome MCP 自动刷推，总结英文区的 Coding Agent 热点。接着使用 remotion-skill 加 ui-ux-pro-max-skill 简单跟 Agent 聊了几句，就制作了这个《今日热点 Agent 资讯》视频。

lcomplete

16,883 次观看 • 8 个月前

Motion graphics were always the hardest part of making videos for me. Hours in After Effects for 10 seconds of movement. Now I can do them 10x faster without touching a timeline or writing a single line of code. Remotion released a skill that lets Claude Code create videos programmatically. I spent 5 hours building with it so I could show you exactly how it works. What's in the guide: - Installing the Remotion skill (takes 2 minutes) - Creating your first video scene by scene - Auto-editing long videos into clips - Adding animated captions and subtitles - Reframing for TikTok/Reels/Shorts - Stacking multiple skills into a mini production studio This is for content creators, marketers and GTM engineers who want to create more videos, better and faster, without learning video editing software or code. I recorded the full walkthrough. Every step. 👇 Comment "GUIDE" and I'll DM you the repo with all of the skills installed + getting started guide. (Make sure we're connected so I can DM you)

Motion graphics were always the hardest part of making videos for me. Hours in After Effects for 10 seconds of movement. Now I can do them 10x faster without touching a timeline or writing a single line of code. Remotion released a skill that lets Claude Code create videos programmatically. I spent 5 hours building with it so I could show you exactly how it works. What's in the guide: - Installing the Remotion skill (takes 2 minutes) - Creating your first video scene by scene - Auto-editing long videos into clips - Adding animated captions and subtitles - Reframing for TikTok/Reels/Shorts - Stacking multiple skills into a mini production studio This is for content creators, marketers and GTM engineers who want to create more videos, better and faster, without learning video editing software or code. I recorded the full walkthrough. Every step. 👇 Comment "GUIDE" and I'll DM you the repo with all of the skills installed + getting started guide. (Make sure we're connected so I can DM you)

JJ Englert

143,780 次观看 • 8 个月前

damn! 我用这两个 skills 完成了这段高燃的基努里维斯的混剪视频！ skill 1: skill 2: 只要给 cc 说一句：通过 media-downloader 下载一些基努里维斯的电影片段并使用remotion-best-practices剪辑成一个高燃的短视频

damn! 我用这两个 skills 完成了这段高燃的基努里维斯的混剪视频！ skill 1: skill 2: 只要给 cc 说一句：通过 media-downloader 下载一些基努里维斯的电影片段并使用remotion-best-practices剪辑成一个高燃的短视频

烟花老师

76,564 次观看 • 8 个月前

"Create a video project announcing Agent Skills, following Cursor brand rules. 1920×1080, 60fps. Typewriter text effect at about 1 character per frame, then hold for 3 seconds after typing on every title card. Line 1 types first, then line 2. Card 1: “Agent Skills are now available” on line 1 and “in Cursor” on line 2 Card 2: “Skills let agents discover and run” and line 2 “specialized prompts and code.” Then play the skills.mp4 recording full-screen, framed top-aligned for first 2 seconds, then zoom in (with easing) to the top-left by about 125%. Should be continuous zoom! Final card: “This video was made entirely in Cursor" on line 1 and "with Remotion skills.” on line 2, then hold; End with the existing end.mp4 animation full-screen. Render and open the file inside Cursor’s browser tool to let me see it here!" 1. Uses an existing screen recording eric zakariasson made. 2. Uses our existing end card animation. 3. Had a Cursor rule with our brand guidelines and colors.

edwin

73,538 次观看 • 8 个月前