Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

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 görüntüleme • 1 ay önce •via X (Twitter)

LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

Orijinal gönderinin yorumları burada görünecek

Benzer Videolar

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 yıl önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 2 yıl önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 4 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 5 ay önce

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 görüntüleme • 3 ay önce

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 görüntüleme • 1 ay önce

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 görüntüleme • 6 ay önce

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 görüntüleme • 3 ay önce

"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 görüntüleme • 9 ay önce

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,475 görüntüleme • 1 ay önce

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 görüntüleme • 10 ay önce

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 görüntüleme • 9 ay önce