Video wird geladen...

Video konnte nicht geladen werden

Beim Laden dieses Videos ist ein Problem aufgetreten. Dies könnte an einem vorübergehenden Netzwerkproblem liegen oder das Video ist möglicherweise nicht verfügbar.

making websites w Claude Design? well we built hyperframes/website-to-hyperframes skill cuz websites are all just HTML + CSS + JS! and ofc, this launch video also made with hyperframes. comment "hyperframes" - i'll send you full codebase access for this video.

Bin Liu

8,539 subscribers

43,269 Aufrufe • vor 6 Monaten •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

41 Kommentare

Profilbild von Peter Yang

Peter Yangvor 6 Monaten

Is hyper frame part of heygen?

Profilbild von Bin Liu

Bin Liuvor 6 Monaten

yea lol -

Profilbild von Pato

Patovor 6 Monaten

hyperframes. also genuinely curious how complex the HTML output gets when you chain multiple design passes through Claude

Profilbild von Bin Liu

Bin Liuvor 6 Monaten

here's the hyperframes repo that rendered the video in this post: - simply clone, then run `npx hyperframes preview` in the codebase!

Profilbild von Pato

Patovor 6 Monaten

niice, ty! will check it out

Profilbild von X Citizen Journal

X Citizen Journalvor 6 Monaten

hyperframes

Profilbild von OneManSaas

OneManSaasvor 6 Monaten

How's the performance compared to traditional HTML/CSS workflows? Curious if the hyperframes approach adds any overhead or if it's actually faster for iterating on designs.

Profilbild von Bin Liu

Bin Liuvor 6 Monaten

similar! btw - here's the hyperframes repo that rendered the video in this post: - simply clone, then run `npx hyperframes preview` in the codebase!

Profilbild von YabsssAI

YabsssAIvor 6 Monaten

you're giving away full codebase access for the launch video just by commenting with the word "hyperframes", what kind of feedback or collaboration are you hoping to get from sharing it so openly

Profilbild von Eren Gündüz 🌟

Eren Gündüz 🌟vor 6 Monaten

tried it and it burned half of my 5-hour Claude Pro limit for a 19s video. the output is pretty unusable and generic, feels like there’s a long way to go. lmk if you want feedback and the output.

Profilbild von Bin Liu

Bin Liuvor 6 Monaten

thank you for the great feedback - not my own experience but would really love to get your prompt and your project zip so we can see where can we improve!

Profilbild von Eren Gündüz 🌟

Eren Gündüz 🌟vor 6 Monaten

happy to see you're open to feedback. I'm sure this will evolve to something great.

Profilbild von CJ25

CJ25vor 6 Monaten

@Miguel07Code Hyperframes

Profilbild von Ape

Apevor 6 Monaten

Hyperframes

Profilbild von rodrigo

rodrigovor 6 Monaten

hyperframes

Profilbild von Yasir Hussain

Yasir Hussainvor 6 Monaten

Hyperframes

Profilbild von Joulse

Joulsevor 6 Monaten

This looks super useful

Profilbild von Louca

Loucavor 6 Monaten

hyperframes

Profilbild von Dylan Wilcox

Dylan Wilcoxvor 6 Monaten

Hyperframes

Profilbild von Prem 🍁

Prem 🍁vor 6 Monaten

hyperframes

Profilbild von Muslim Musafir | Муслим Мусафир

Muslim Musafir | Муслим Мусафирvor 6 Monaten

hyperframes

Profilbild von JoJo | AI Builders

JoJo | AI Buildersvor 6 Monaten

hyperframes. I’m increasingly feeling that code is everything… Maybe my Mac screen recording tool, built with vibe coding, should also catch up with the Agent era. It’s truly an amazing open-source project — thanks for all your hard work!

Profilbild von Shawn Smith

Shawn Smithvor 6 Monaten

Hyperframes

Profilbild von Omkar

Omkarvor 6 Monaten

Hey Bin, created this…what do you think of this? Just with 1 prompt…

Profilbild von Ashish Choudhary 👨🏻‍💻🧔🏻👨‍👩‍👦

Ashish Choudhary 👨🏻‍💻🧔🏻👨‍👩‍👦vor 6 Monaten

Hyperframes

Profilbild von Youssef

Youssefvor 6 Monaten

hyperframes

Profilbild von 清华哥

清华哥vor 6 Monaten

hyperframes

Profilbild von Ганаа

Ганааvor 6 Monaten

Hyperframe

Profilbild von Karthik Sivacharan

Karthik Sivacharanvor 6 Monaten

hyperframes

Profilbild von Rui Menoita

Rui Menoitavor 6 Monaten

hyperframes

Profilbild von Oleg VLD

Oleg VLDvor 6 Monaten

hyperframes

Profilbild von Dragu Jhn

Dragu Jhnvor 6 Monaten

Hyperframes

Profilbild von Hunter Lapeyre

Hunter Lapeyrevor 6 Monaten

hyperframes

Profilbild von Tyler Durden

Tyler Durdenvor 6 Monaten

Hyperframes

Profilbild von Sevan Bomar

Sevan Bomarvor 6 Monaten

Hyperframes

Profilbild von Kyle Stimpson

Kyle Stimpsonvor 6 Monaten

hyperframes

Profilbild von Jay E

Jay Evor 6 Monaten

Codebases

Profilbild von Thomas Nabseth

Thomas Nabsethvor 6 Monaten

hyperframes

Profilbild von J

Jvor 6 Monaten

hyperframes

Profilbild von OrganicDNA

OrganicDNAvor 6 Monaten

Hyperframes

Profilbild von Bahia

Bahiavor 6 Monaten

hyperframes

Ähnliche Videos

We built our launch video in Claude Code using HyperFrames. Now it's yours. Open source, agent-native framework. HTML to MP4. $ npx skills add heygen-com/hyperframes RT + Comment "HyperFrames" to get the full source code of this launch video (must follow)

We built our launch video in Claude Code using HyperFrames. Now it's yours. Open source, agent-native framework. HTML to MP4. $ npx skills add heygen-com/hyperframes RT + Comment "HyperFrames" to get the full source code of this launch video (must follow)

HeyGen

3,014,698 Aufrufe • vor 6 Monaten

partnering with Claude - we want to allow your work to speak for themselves we tuned the HyperFrames MCP agent to specialize at making explainer videos documents get skimmed, video gets across. should we open source this launch video? made with hyperframes ofc.

partnering with Claude - we want to allow your work to speak for themselves we tuned the HyperFrames MCP agent to specialize at making explainer videos documents get skimmed, video gets across. should we open source this launch video? made with hyperframes ofc.

Bin Liu

49,975 Aufrufe • vor 4 Monaten

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.

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

619,991 Aufrufe • vor 6 Monaten

Your Hermes Agent can now build full videos with the official HyperFrames skill by HeyGen HyperFrames videos are HTML-native, so your agent has total control over the final output Video made entirely by Hermes using the HyperFrames skill

Your Hermes Agent can now build full videos with the official HyperFrames skill by HeyGen HyperFrames videos are HTML-native, so your agent has total control over the final output Video made entirely by Hermes using the HyperFrames skill

Nous Research

376,315 Aufrufe • vor 5 Monaten

Introducing the HyperFrames MCP in Claude Design The difference between prototyping a design and shipping it as video Animate in Claude Design, hit share, and hyperframes agent scores it, adds sfx, tightens the motion and renders the MP4 Just send it to HyperFrames. We'll take it from there.

Introducing the HyperFrames MCP in Claude Design The difference between prototyping a design and shipping it as video Animate in Claude Design, hit share, and hyperframes agent scores it, adds sfx, tightens the motion and renders the MP4 Just send it to HyperFrames. We'll take it from there.

HyperFrames

63,426 Aufrufe • vor 2 Monaten

Hyperframes is now an official Claude connector LLM answers are often dense pages of text that go unread we partnered with anthropic to fix that, HyperFrames runs as an mcp where you work docs get skimmed. video gets understood proof: this video was made with Hyperframes

Hyperframes is now an official Claude connector LLM answers are often dense pages of text that go unread we partnered with anthropic to fix that, HyperFrames runs as an mcp where you work docs get skimmed. video gets understood proof: this video was made with Hyperframes

HeyGen

753,200 Aufrufe • vor 4 Monaten

your agent builds the edit. you finish it. made this launch film for hyperframes studio… in hyperframes studio: captions, kinetic type, b-roll, music, then every tweak by hand on the timeline. it all lands back in the code. npx hyperframes preview Bin Liu HyperFrames

your agent builds the edit. you finish it. made this launch film for hyperframes studio… in hyperframes studio: captions, kinetic type, b-roll, music, then every tweak by hand on the timeline. it all lands back in the code. npx hyperframes preview Bin Liu HyperFrames

Hanif | AI For Productivity

14,780 Aufrufe • vor 20 Tagen

Claude Mythos / Fable 5 solved motion graphics with HTML! this HyperFrames video was completely one-shotted by Mythos btw

Claude Mythos / Fable 5 solved motion graphics with HTML! this HyperFrames video was completely one-shotted by Mythos btw

Miguel Ángel

122,547 Aufrufe • vor 4 Monaten

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)

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

730,278 Aufrufe • vor 6 Monaten

"I've spent $30K on a launch video, now you can make one with code." Here's my new episode with Bin Liu and Jake Moran, where they shared their 5-step playbook for using HyperFrames to make professional launch videos in Codex and Claude Code: 1. Gather video assets and create a frame.md 2. Create a storyboard.md with the scenes 3. Pull animations from the HyperFrames repo 4. Generate and review static frames 5. Build the video with HyperFrames Studio You can also start simple by using the built-in /website-to-video skill to one shot a launch video from any URL. HyperFrames is 100% free and I love how it democratizes video creation for everyone. 📌 Watch now: Thanks to our sponsors: Wispr Flow: 4x faster than typing with your voice Riverside: All-in-one AI studio for podcasts and video

"I've spent $30K on a launch video, now you can make one with code." Here's my new episode with Bin Liu and Jake Moran, where they shared their 5-step playbook for using HyperFrames to make professional launch videos in Codex and Claude Code: 1. Gather video assets and create a frame.md 2. Create a storyboard.md with the scenes 3. Pull animations from the HyperFrames repo 4. Generate and review static frames 5. Build the video with HyperFrames Studio You can also start simple by using the built-in /website-to-video skill to one shot a launch video from any URL. HyperFrames is 100% free and I love how it democratizes video creation for everyone. 📌 Watch now: Thanks to our sponsors: Wispr Flow: 4x faster than typing with your voice Riverside: All-in-one AI studio for podcasts and video

Peter Yang

70,122 Aufrufe • vor 4 Monaten

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

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

580,662 Aufrufe • vor 6 Monaten

open-sourced new 25 HyperFrames carousel blocks added to the catalog made by our launch king @JakeFromHeyGen! install them all with $ npx hyperframes add carousel

open-sourced new 25 HyperFrames carousel blocks added to the catalog made by our launch king @JakeFromHeyGen! install them all with $ npx hyperframes add carousel

Miguel Ángel

19,839 Aufrufe • vor 1 Monat

Want to turn a website into a launch video for your brand? This tutorial shows you how We used ollama as example, but the workflow works for any company. Every frame is HTML, CSS, and GSAP, written like a webpage and rendered with HyperFrames Follow the workflow below ↓

HeyGen

36,600 Aufrufe • vor 4 Monaten

GPT-5.6 Sol Ultra Made a video of introducing GPT 5.6 tested with both remotion & hyperframes Remotion / HyperFrames

GPT-5.6 Sol Ultra Made a video of introducing GPT 5.6 tested with both remotion & hyperframes Remotion / HyperFrames

Athrix ☄️

32,218 Aufrufe • vor 3 Monaten

Creating with HyperFrames just got faster Drag elements in the studio to fix placement instead of prompting We also built the full component catalog right into the studio. Browse and add $ npx hyperframes@latest preview Follow @hyperframes_ for updates

Creating with HyperFrames just got faster Drag elements in the studio to fix placement instead of prompting We also built the full component catalog right into the studio. Browse and add $ npx hyperframes@latest preview Follow @hyperframes_ for updates

HeyGen

284,467 Aufrufe • vor 5 Monaten

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

Amazed by HTML-in-canvas demos? it's natively supported by HyperFrames and we built a catalog of effects anyone can use with one command $ npx hyperframes add html-in-canvas take your videos to the next level

HeyGen

504,355 Aufrufe • vor 5 Monaten

Claude Motion is here, and HyperFrames Studio works with it from day one. In Claude Motion, choose Send to and pick HyperFrames. Your video opens in Studio, where you can make edits and add music and sound effects. Claude Motion is in beta on Claude Team and Enterprise plans.

Claude Motion is here, and HyperFrames Studio works with it from day one. In Claude Motion, choose Send to and pick HyperFrames. Your video opens in Studio, where you can make edits and add music and sound effects. Claude Motion is in beta on Claude Team and Enterprise plans.

HyperFrames

64,850 Aufrufe • vor 17 Tagen

This week we're launching new skills for HyperFrames, each built around a workflow Today is pr-to-video Nobody reads pull requests. Now agents can turn them into a short explainer video npx skills add heygen-com/hyperframes New skill launching every day. Follow for more

This week we're launching new skills for HyperFrames, each built around a workflow Today is pr-to-video Nobody reads pull requests. Now agents can turn them into a short explainer video npx skills add heygen-com/hyperframes New skill launching every day. Follow for more

HeyGen

39,040 Aufrufe • vor 4 Monaten

Introducing 9 new code animations in HyperFrames Download them all with $ npx hyperframes add code

Introducing 9 new code animations in HyperFrames Download them all with $ npx hyperframes add code

Miguel Ángel

22,272 Aufrufe • vor 4 Monaten

🚨 Arkadaşlar, video üretimi konusunda çok ciddi bir yenilik geldi. HeyGen, HyperFrames adlı framework’ü tamamen açık kaynak olarak yayınladı. Bu araçla artık Claude Code kullanarak HTML yazmanız yeterli. HTML kodunuz doğrudan kaliteli bir MP4 videoya dönüşüyor. Nasıl çalışıyor? - Claude Code ile HTML + CSS + JavaScript yazıyorsunuz - HyperFrames bu kodu render ediyor ve profesyonel kalitede video üretiyor - Animasyonlar, geçişler, metin efektleri ve hatta karmaşık sahneler bile destekleniyor - Ajan-native tasarlandığı için Claude ile çok uyumlu çalışıyor Kurulum da son derece basit: ```bash npx skills add heygen-com/hyperframes

🚨 Arkadaşlar, video üretimi konusunda çok ciddi bir yenilik geldi. HeyGen, HyperFrames adlı framework’ü tamamen açık kaynak olarak yayınladı. Bu araçla artık Claude Code kullanarak HTML yazmanız yeterli. HTML kodunuz doğrudan kaliteli bir MP4 videoya dönüşüyor. Nasıl çalışıyor? - Claude Code ile HTML + CSS + JavaScript yazıyorsunuz - HyperFrames bu kodu render ediyor ve profesyonel kalitede video üretiyor - Animasyonlar, geçişler, metin efektleri ve hatta karmaşık sahneler bile destekleniyor - Ajan-native tasarlandığı için Claude ile çok uyumlu çalışıyor Kurulum da son derece basit: ```bash npx skills add heygen-com/hyperframes

DeepTechTR 🇹🇷

21,510 Aufrufe • vor 6 Monaten