Загрузка видео...

Не удалось загрузить видео

Возникла проблема при загрузке этого видео. Это может быть связано с временными проблемами сети или видео может быть недоступно.

На главную

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 просмотров • 6 месяцев назад •via X (Twitter)

Anya Rossi• Live Now

Private livecam show

Комментарии: 41

Фото профиля Peter Yang

Peter Yang6 месяцев назад

Is hyper frame part of heygen?

Фото профиля Bin Liu

Bin Liu6 месяцев назад

yea lol -

Фото профиля Pato

Pato6 месяцев назад

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

Фото профиля Bin Liu

Bin Liu6 месяцев назад

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

Фото профиля Pato

Pato6 месяцев назад

niice, ty! will check it out

Фото профиля X Citizen Journal

X Citizen Journal6 месяцев назад

hyperframes

Фото профиля OneManSaas

OneManSaas6 месяцев назад

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.

Фото профиля Bin Liu

Bin Liu6 месяцев назад

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

Фото профиля YabsssAI

YabsssAI6 месяцев назад

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

Фото профиля Eren Gündüz 🌟

Eren Gündüz 🌟6 месяцев назад

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.

Фото профиля Bin Liu

Bin Liu6 месяцев назад

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!

Фото профиля Eren Gündüz 🌟

Eren Gündüz 🌟6 месяцев назад

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

Фото профиля CJ25

CJ256 месяцев назад

@Miguel07Code Hyperframes

Фото профиля Ape

Ape6 месяцев назад

Hyperframes

Фото профиля rodrigo

rodrigo6 месяцев назад

hyperframes

Фото профиля Yasir Hussain

Yasir Hussain6 месяцев назад

Hyperframes

Фото профиля Joulse

Joulse6 месяцев назад

This looks super useful

Фото профиля Louca

Louca6 месяцев назад

hyperframes

Фото профиля Dylan Wilcox

Dylan Wilcox6 месяцев назад

Hyperframes

Фото профиля Prem 🍁

Prem 🍁6 месяцев назад

hyperframes

Фото профиля Muslim Musafir | Муслим Мусафир

Muslim Musafir | Муслим Мусафир6 месяцев назад

hyperframes

Фото профиля JoJo | AI Builders

JoJo | AI Builders6 месяцев назад

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!

Фото профиля Shawn Smith

Shawn Smith6 месяцев назад

Hyperframes

Фото профиля Omkar

Omkar6 месяцев назад

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

Фото профиля Ashish Choudhary 👨🏻‍💻🧔🏻👨‍👩‍👦

Ashish Choudhary 👨🏻‍💻🧔🏻👨‍👩‍👦6 месяцев назад

Hyperframes

Фото профиля Youssef

Youssef6 месяцев назад

hyperframes

Фото профиля 清华哥

清华哥6 месяцев назад

hyperframes

Фото профиля Ганаа

Ганаа6 месяцев назад

Hyperframe

Фото профиля Karthik Sivacharan

Karthik Sivacharan6 месяцев назад

hyperframes

Фото профиля Rui Menoita

Rui Menoita6 месяцев назад

hyperframes

Фото профиля Oleg VLD

Oleg VLD6 месяцев назад

hyperframes

Фото профиля Dragu Jhn

Dragu Jhn6 месяцев назад

Hyperframes

Фото профиля Hunter Lapeyre

Hunter Lapeyre6 месяцев назад

hyperframes

Фото профиля Tyler Durden

Tyler Durden6 месяцев назад

Hyperframes

Фото профиля Sevan Bomar

Sevan Bomar6 месяцев назад

Hyperframes

Фото профиля Kyle Stimpson

Kyle Stimpson6 месяцев назад

hyperframes

Фото профиля Jay E

Jay E6 месяцев назад

Codebases

Фото профиля Thomas Nabseth

Thomas Nabseth6 месяцев назад

hyperframes

Фото профиля J

J6 месяцев назад

hyperframes

Фото профиля OrganicDNA

OrganicDNA6 месяцев назад

Hyperframes

Фото профиля Bahia

Bahia6 месяцев назад

hyperframes

Похожие видео

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,015,054 просмотров • 6 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 6 месяцев назад

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 просмотров • 2 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 22 дней назад

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,304 просмотров • 6 месяцев назад

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 просмотров • 4 месяцев назад

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 просмотров • 6 месяцев назад

"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 просмотров • 4 месяцев назад

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 просмотров • 1 месяц назад

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 просмотров • 4 месяцев назад

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,309 просмотров • 3 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 5 месяцев назад

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 просмотров • 18 дней назад

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 просмотров • 4 месяцев назад

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 просмотров • 4 месяцев назад

🚨 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 просмотров • 6 месяцев назад