正在加载视频...

视频加载失败

返回首页

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

Axel_bitblaze69's profile picture

Axel Bitblaze 🪓

128,189 subscribers

31,250 次观看 • 3 个月前 •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 条评论

暂无评论

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

相关视频

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

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

146,700 次观看 • 5 个月前

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 vibecode.dev 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 vibecode.dev uses Claude Code as the default agent. (Full prompt below 👇)

Vibecoding Explained

40,260 次观看 • 5 个月前

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

241,031 次观看 • 5 个月前

Motion graphics used to take me an hour per scene (or more) Now I'm creating them in 3-5 minutes — without After Effects, without Premiere, without writing a single line of code. I'm a former LA filmmaker (still PGA). My entire video stack is now 3 tools: Claude Code + HyperFrames (from HeyGen) + Descript Here's how the workflow runs: 1. Drop my brand style guide into a folder (colors, fonts, components Claude reuses forever) 2. Paste a line from my Descript transcript into Claude Code: "Create a scene for this part of the video" 3. Claude Code reads my brand, generates the HyperFrames scene, renders it to MP4 4. Drag the MP4 into Descript, drop it on the matching line of the transcript 5. Done. 3-5 minutes per scene. The unlock is the brand style guide. Once Claude has your colors, fonts, and reusable components, every scene inherits your look automatically. Bonus — you can take a Claude Design export (.zip), hand it to Claude Code, and it'll convert the HTML into a HyperFrames video you can render and edit. I built a GitHub repo with all the skills pre-loaded. Non-developers can clone it, open Claude Code, and be rendering scenes in under 10 minutes. Full walkthrough (20 min video) below Repo (skills + brand template + music-from-transcript plugin): Bookmark this if you make videos. The brand-style-guide pattern alone will save you hours every week. If you're a creator or operator using AI for content — share this with someone who's still living in After Effects.
23:55

Motion graphics used to take me an hour per scene (or more) Now I'm creating them in 3-5 minutes — without After Effects, without Premiere, without writing a single line of code. I'm a former LA filmmaker (still PGA). My entire video stack is now 3 tools: Claude Code + HyperFrames (from HeyGen) + Descript Here's how the workflow runs: 1. Drop my brand style guide into a folder (colors, fonts, components Claude reuses forever) 2. Paste a line from my Descript transcript into Claude Code: "Create a scene for this part of the video" 3. Claude Code reads my brand, generates the HyperFrames scene, renders it to MP4 4. Drag the MP4 into Descript, drop it on the matching line of the transcript 5. Done. 3-5 minutes per scene. The unlock is the brand style guide. Once Claude has your colors, fonts, and reusable components, every scene inherits your look automatically. Bonus — you can take a Claude Design export (.zip), hand it to Claude Code, and it'll convert the HTML into a HyperFrames video you can render and edit. I built a GitHub repo with all the skills pre-loaded. Non-developers can clone it, open Claude Code, and be rendering scenes in under 10 minutes. Full walkthrough (20 min video) below Repo (skills + brand template + music-from-transcript plugin): Bookmark this if you make videos. The brand-style-guide pattern alone will save you hours every week. If you're a creator or operator using AI for content — share this with someone who's still living in After Effects.

JJ Englert

102,785 次观看 • 2 个月前

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs 🚀 Pick what you need, “add to cart,” and… it’s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Here’s the video showing how I built this post… and yes, if you share the command, anyone can clone the exact same stack you’re using. Enjoy, share, and help others build faster with Claude Code ✨
0:59

Think of it as the Shopify of Claude Code, but for agents, commands, and MCPs 🚀 Pick what you need, “add to cart,” and… it’s 100% FREE. Just copy the command, paste it in your terminal, and instantly get the perfect Claude Code stack for your project. Built as an open-source project so the community can spin up, share, and install Claude Code stacks in seconds, no setup headaches, no paywalls. Here’s the video showing how I built this post… and yes, if you share the command, anyone can clone the exact same stack you’re using. Enjoy, share, and help others build faster with Claude Code ✨

Daniel San

124,913 次观看 • 11 个月前

Claude Code for Video Animations? Building an app with an agent that can create and edit animated videos... In 4 prompts. This was my first test of remotion, i'm going to see how good i can get the Claude Agent SDK at making animated videos.
0:47

Claude Code for Video Animations? Building an app with an agent that can create and edit animated videos... In 4 prompts. This was my first test of remotion, i'm going to see how good i can get the Claude Agent SDK at making animated videos.

Riley Brown

95,109 次观看 • 5 个月前

Claude Code just got an update nobody is talking about. And it replaced my entire video crew. You type one simple sentence. Claude writes the script. It uses ElevenLabs to clone your voice. It calls Remotion to build the scenes. It grabs HeyGen to make your avatar talk. Ten minutes later, you have a finished video. You never even turn on a camera. This changes how we make content forever.
9:25

Claude Code just got an update nobody is talking about. And it replaced my entire video crew. You type one simple sentence. Claude writes the script. It uses ElevenLabs to clone your voice. It calls Remotion to build the scenes. It grabs HeyGen to make your avatar talk. Ten minutes later, you have a finished video. You never even turn on a camera. This changes how we make content forever.

Julian Goldie SEO

148,116 次观看 • 1 个月前

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace
1:01

How to add Chrome DevTools MCP to Claude Code (Bookmark this post to follow the setup later) This lets Claude debug your web apps in a real browser... performance traces, network inspection, console errors. Requirements: - Node.js 22+ - Chrome browser In the video below I show you: - How to install the MCP server - How to verify the DevTools tools are available - How to use it with a real performance trace

Daniel San

52,294 次观看 • 9 个月前

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)
22:35

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

142,984 次观看 • 5 个月前

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
0:20

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,178 次观看 • 5 个月前

Claude Code feels completely different once you install this. Anthropic quietly released an official plugin called claude-code-setup and it basically turns Claude Code from “pretty good” into an actual AI dev environment. It scans your project and recommends: → hooks → skills → MCP servers → subagents → automations Then sets everything up step-by-step for you. Most people are using Claude Code completely vanilla… which is why their experience feels messy. The real power comes from the ecosystem around it. Install: /plugin install claude-code-setup@claude-plugins-official Bookmark this before you forget it.
0:26

Claude Code feels completely different once you install this. Anthropic quietly released an official plugin called claude-code-setup and it basically turns Claude Code from “pretty good” into an actual AI dev environment. It scans your project and recommends: → hooks → skills → MCP servers → subagents → automations Then sets everything up step-by-step for you. Most people are using Claude Code completely vanilla… which is why their experience feels messy. The real power comes from the ecosystem around it. Install: /plugin install claude-code-setup@claude-plugins-official Bookmark this before you forget it.

Radha Tripathi

75,081 次观看 • 1 个月前

what if Claude Code met CapCut? I’m building an agentic video editor where you just drop your photos and videos into the chat - and that’s it. your video is ready in a couple of minutes then you can manually tweak the result if you want blank-page problem for video creation solved!
0:44

what if Claude Code met CapCut? I’m building an agentic video editor where you just drop your photos and videos into the chat - and that’s it. your video is ready in a couple of minutes then you can manually tweak the result if you want blank-page problem for video creation solved!

Kate Deyneka

48,167 次观看 • 3 个月前

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.
0:36

Claude Code Templates just hit 100+ Skills on Installing is easy - one click to copy the install command, paste it in your project's .claude folder, done. - 67K npm installs - 13K+ GitHub stars - fully open source Thanks to the community for contributing Skills and components. In the video I show how to add a Data Privacy Compliance Skill to your project.

Daniel San

164,604 次观看 • 6 个月前

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev
0:27

Added 6 new transitions to You can copy them as a CSS / React code or install them with the others as a skill for Claude or Codex npx skills add jakubantalik/transitions.dev

Jakub Antalik

58,580 次观看 • 1 个月前

last week I talked about claude code being my video editor, but it was only a small 30 second clip - here is my FULL workflow on how i have claude code edit ~30 minutes of raw video into a tight 10 minutes it uses STT for captions, then uses remotion to add the captions & cut!
7:28

last week I talked about claude code being my video editor, but it was only a small 30 second clip - here is my FULL workflow on how i have claude code edit ~30 minutes of raw video into a tight 10 minutes it uses STT for captions, then uses remotion to add the captions & cut!

BOOTOSHI 👑

14,068 次观看 • 5 个月前

Claude Code Templates now has a web interface for browsing and contributing templates 🙌 What it does: Install templates for different languages/frameworks to get started with Claude Code faster. How to use: - Go to - Run: npm install -g claude-code-templates - Pick a template from the site - Copy and run the template command - Start coding with Claude Code The whole thing runs on GitHub - no fancy backend, no hidden stuff. Everything you're installing is right there in the repo for you to inspect. Contributing: Want to add your own template? Just follow the contribution guide and send a PR. Once merged, it automatically shows up on the site. That's it... nothing fancy, just something to save a few minutes when starting new projects with Claude Code Repo:
2:15

Claude Code Templates now has a web interface for browsing and contributing templates 🙌 What it does: Install templates for different languages/frameworks to get started with Claude Code faster. How to use: - Go to - Run: npm install -g claude-code-templates - Pick a template from the site - Copy and run the template command - Start coding with Claude Code The whole thing runs on GitHub - no fancy backend, no hidden stuff. Everything you're installing is right there in the repo for you to inspect. Contributing: Want to add your own template? Just follow the contribution guide and send a PR. Once merged, it automatically shows up on the site. That's it... nothing fancy, just something to save a few minutes when starting new projects with Claude Code Repo:

Daniel San

60,074 次观看 • 11 个月前

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.
12:14

Cat Wu, head of product for Claude Code at Anthropic: "you can build almost anything with Claude from a single prompt now" one prompt gets you a working screen, not YOUR product Claude Code has never seen your design system, so it guesses the look fresh every time. how to hand Claude Code that system is in the article. better than the $300 design course in your tabs, and this one's free.

Mnimiy

113,042 次观看 • 22 天前

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:
1:18

Skills shopping cart for Claude Code In this video I show how I add Railway Skills to a “shopping cart”. After selecting the Skills I need, I copy a single command and they’re added directly to my project. I built to make the composition of Claude Code components as flexible as possible. You can install settings, hooks, subagents, and anything new that gets added to Claude Code will appear on the site. It’s fully open source and community-maintained. If you want to contribute, you’re welcome to fix or update components, download and use the existing ones, or simply support the project by leaving a star on GitHub. Repo:

Daniel San

20,460 次观看 • 5 个月前

Claude Code is now free to run. Most people still think you need a paid setup. Here’s the basic flow: → Install Claude Code with the official installer. → Create a free OpenRouter account. → Grab your API key. → Install Claude Code Router. → Point Claude Code to the local router. → Choose a free model with the :free suffix. → Run CCR code instead of normal Claude Code. → Check /status to confirm it works. You keep the Claude Code workflow. You just route it through a free model.
9:31

Claude Code is now free to run. Most people still think you need a paid setup. Here’s the basic flow: → Install Claude Code with the official installer. → Create a free OpenRouter account. → Grab your API key. → Install Claude Code Router. → Point Claude Code to the local router. → Choose a free model with the :free suffix. → Run CCR code instead of normal Claude Code. → Check /status to confirm it works. You keep the Claude Code workflow. You just route it through a free model.

Julian Goldie SEO

17,618 次观看 • 1 个月前

Introducing Claude Code Hook - Context Timeline (Saving this to try later) Install with: npx claude-code-templates@latest --hook monitoring/context-timeline Managing the context window and the subagents running in Claude Code is hard to keep track of That's why I built this hook... It starts the moment you open a session and shows a timeline with the main agent's context window and how subagents start working in their own separate context Every subagent you have running will show up in real time This way you can manage the context and the subagents you run, and see everything in a much simpler way than in the console
0:40

Introducing Claude Code Hook - Context Timeline (Saving this to try later) Install with: npx claude-code-templates@latest --hook monitoring/context-timeline Managing the context window and the subagents running in Claude Code is hard to keep track of That's why I built this hook... It starts the moment you open a session and shows a timeline with the main agent's context window and how subagents start working in their own separate context Every subagent you have running will show up in real time This way you can manage the context and the subagents you run, and see everything in a much simpler way than in the console

Daniel San

51,636 次观看 • 2 个月前