Loading video...

Video Failed to Load

Go Home

what HyperFrames + Claude Code can do: motion video done with 2 prompts, 10 mins. here's a quick 4-min tutorial on how you do it yourself link in thread:

liu8in's profile picture

Bin Liu

5,512 subscribers

44,507 views • 1 month ago •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Comments

No comments available

Comments from the original post will appear here

Related Videos

alright - verdict is in - Motion Design is solved made with HyperFrames + Claude Design btw - HyperFrames is open source, star it on github and I'll send tutorial on how i made this with 2 prompts.
0:24

alright - verdict is in - Motion Design is solved made with HyperFrames + Claude Design btw - HyperFrames is open source, star it on github and I'll send tutorial on how i made this with 2 prompts.

Bin Liu

614,641 views • 1 month ago

Pretty impressive that you can do it without JavaScript with this new CSS API heres a quick tutorial on how to code the iPad video scroller mask effect yourself
6:51

Pretty impressive that you can do it without JavaScript with this new CSS API heres a quick tutorial on how to code the iPad video scroller mask effect yourself

Wes Bos

222,671 views • 1 year ago

You can now edit HyperFrames’ Timeline directly! Drag in preview → video updates When Claude Code struggles with timing, you can give it a hand Experimental, open sourced in @hyperframes/player $ npx hyperframes upgrade RT + Comment "Timeline" for source code (must follow)
0:33

You can now edit HyperFrames’ Timeline directly! Drag in preview → video updates When Claude Code struggles with timing, you can give it a hand Experimental, open sourced in @hyperframes/player $ npx hyperframes upgrade RT + Comment "Timeline" for source code (must follow)

HeyGen

726,317 views • 1 month ago

this is insane.. in a good way now Claude's got design - we've got the video editor here's a baby from Claude Design + HyperFrames tutorial in thread:
0:35

this is insane.. in a good way now Claude's got design - we've got the video editor here's a baby from Claude Design + HyperFrames tutorial in thread:

Bin Liu

140,431 views • 1 month ago

Tutorial: How to make a creative coding animation with Claude 2 and OpenProcessing Claude 2 is one of my favorite coding tools. Here's a demo how you can learn programming and write a simple animation with it in minutes. You can run the code at OpenProcessing. Links in comment
1:16

Tutorial: How to make a creative coding animation with Claude 2 and OpenProcessing Claude 2 is one of my favorite coding tools. Here's a demo how you can learn programming and write a simple animation with it in minutes. You can run the code at OpenProcessing. Links in comment

Kris Kashtanova

18,369 views • 2 years ago

Web scraping with ChatGPT's Code Interpreter is a game-changer 🤯 Here's a quick tutorial on how you can leverage this powerful capability. Let me know what you think.
6:57

Web scraping with ChatGPT's Code Interpreter is a game-changer 🤯 Here's a quick tutorial on how you can leverage this powerful capability. Let me know what you think.

Sebo ⚛︎

500,775 views • 2 years ago

A quick one-shot Base video made with Claude + Remotion. it doesn't yet come close to replacing good motion design, and needs more context on brand guidelines and assets, but very cool what can be done in < 5 mins with a single sentence
0:23

A quick one-shot Base video made with Claude + Remotion. it doesn't yet come close to replacing good motion design, and needs more context on brand guidelines and assets, but very cool what can be done in < 5 mins with a single sentence

aneri

43,047 views • 4 months ago

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

574,102 views • 1 month ago

alright - verdict is in - Motion Design is solved made with Remotion + Claude Design btw - Shipper is live, comment below and I'll send a tutorial on how i made this with 2 prompts.
0:22

alright - verdict is in - Motion Design is solved made with Remotion + Claude Design btw - Shipper is live, comment below and I'll send a tutorial on how i made this with 2 prompts.

Daniel Ch

53,829 views • 1 month ago

You can now add Claude Code to any vibe coded app. We just launched the new Claude Code integration on vibecode.dev. Which allows you to build fully Agentic Applications. In a single prompt, with no API Key. Here's is an example and tutorial: 0:00 - Claude Code for Twitter Example 01:52 - Building the Claude Code for Motion Graphics
4:53

You can now add Claude Code to any vibe coded app. We just launched the new Claude Code integration on vibecode.dev. Which allows you to build fully Agentic Applications. In a single prompt, with no API Key. Here's is an example and tutorial: 0:00 - Claude Code for Twitter Example 01:52 - Building the Claude Code for Motion Graphics

Riley Brown

30,119 views • 4 months ago

Fun experiment: you can now automate content production with Claude Cowork. I gave Claude a browser and asked it to: 1) Find a NeurIPS best paper 2) Write a thread on it 3) Generate graphics on Krea 4) Validate its work with ChatGPT. Shockingly, it worked! How to do it 👇
0:44

Fun experiment: you can now automate content production with Claude Cowork. I gave Claude a browser and asked it to: 1) Find a NeurIPS best paper 2) Write a thread on it 3) Generate graphics on Krea 4) Validate its work with ChatGPT. Shockingly, it worked! How to do it 👇

Justine Moore

69,467 views • 5 months ago

Use Claude Code as your Video Editor Believe it or not, every video you see below was vibe coded by Claude Code. 🧵 here’s how you can do it too:
0:05

Use Claude Code as your Video Editor Believe it or not, every video you see below was vibe coded by Claude Code. 🧵 here’s how you can do it too:

Thariq

605,078 views • 10 months ago

you can vibe code video animations, video editors are done In just 5 minutes, your video is ready with 2–5 prompts
0:31

you can vibe code video animations, video editors are done In just 5 minutes, your video is ready with 2–5 prompts

Hunter Weiss

10,631 views • 3 months ago

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 views • 1 month ago

you can vibe code video animations video editors are done In just 15 minutes, your video is ready with 2–5 prompts
0:20

you can vibe code video animations video editors are done In just 15 minutes, your video is ready with 2–5 prompts

ayman

124,578 views • 3 months ago

More people need to understand that Claude Code is a general intelligence that can do stuff on your computer. To help non-coders understand its power, I'm building Folio, an app where you share a folder with Claude and it can work on your files directly. Here's a quick demo:
2:37

More people need to understand that Claude Code is a general intelligence that can do stuff on your computer. To help non-coders understand its power, I'm building Folio, an app where you share a folder with Claude and it can work on your files directly. Here's a quick demo:

🎭

218,956 views • 6 months ago

"Claude Code is not just for coding. It's an AI agent that can do whatever you want it to do." Here's my new tutorial with where he showed me exactly how to build a life OS with Claude Code in 25 minutes. He saves 2+ hours daily using: ✅ /researcher to analyze competitors ✅ /daily_brief to get AI news every morning ✅ /brain_dump to find patterns from notes His setup uses slash commands and sub-agents and honestly blew my mind 🔥 Watch the full tutorial to learn how to set up a life operating system for yourself. 📌 Watch now: Also available on: Spotify: Newsletter:
0:40

"Claude Code is not just for coding. It's an AI agent that can do whatever you want it to do." Here's my new tutorial with where he showed me exactly how to build a life OS with Claude Code in 25 minutes. He saves 2+ hours daily using: ✅ /researcher to analyze competitors ✅ /daily_brief to get AI news every morning ✅ /brain_dump to find patterns from notes His setup uses slash commands and sub-agents and honestly blew my mind 🔥 Watch the full tutorial to learn how to set up a life operating system for yourself. 📌 Watch now: Also available on: Spotify: Newsletter:

Peter Yang

189,869 views • 9 months ago

How do you keep Claude working until the job is done? Claude Code helps with this in a few ways, including one we shipped recently: /goal.
0:24

How do you keep Claude working until the job is done? Claude Code helps with this in a few ways, including one we shipped recently: /goal.

ClaudeDevs

1,946,625 views • 1 month ago

Wow this blew up! Here's a quick tutorial on how you can easily recreate this in 2d and 3d!
2:52

Wow this blew up! Here's a quick tutorial on how you can easily recreate this in 2d and 3d!

Dhruvin

85,089 views • 10 months ago

Prompting is officially over. Freepik now lets you draw what you want your video to do. Sketch movement → Add comments → Done. No confusing prompts. Here's how:
0:24

Prompting is officially over. Freepik now lets you draw what you want your video to do. Sketch movement → Add comments → Done. No confusing prompts. Here's how:

Farhan

52,068 views • 9 months ago