Loading video...

Video Failed to Load

Go Home

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.

liu8in's profile picture

Bin Liu

5,514 subscribers

42,935 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

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)
0:49

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

2,963,575 views • 2 months ago

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

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

47,538 views • 8 days ago

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

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

371,514 views • 1 month ago

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 • 2 months ago

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

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

738,216 views • 8 days 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

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

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

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

Miguel Ángel

119,361 views • 8 days ago

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

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

501,788 views • 1 month ago

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 ↓
0:38

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

34,666 views • 9 days ago

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

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

281,043 views • 26 days ago

🚨 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
0:49

🚨 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 views • 2 months ago

[1/8] 🧵this thread showcases how builders use HyperFrames launch faster, reach their users, tell their stories first - montage of our last 15 launch videos, all made with hyperframes 🫡 next - Matt Van Horn and Trevin Chow cooking at Printing Press (150+ CLIs and counting)
0:35

[1/8] 🧵this thread showcases how builders use HyperFrames launch faster, reach their users, tell their stories first - montage of our last 15 launch videos, all made with hyperframes 🫡 next - Matt Van Horn and Trevin Chow cooking at Printing Press (150+ CLIs and counting)

Bin Liu

22,604 views • 25 days ago

Hermes Agent now has HyperFrames skill, natively a close collab with Nous Research One-line install $ hermes skills install hyperframes X post -> 30s explainer A PDF -> walkthrough vid A repo -> launch reel make your Hermes Agent your video editor
0:41

Hermes Agent now has HyperFrames skill, natively a close collab with Nous Research One-line install $ hermes skills install hyperframes X post -> 30s explainer A PDF -> walkthrough vid A repo -> launch reel make your Hermes Agent your video editor

HeyGen

224,511 views • 1 month ago

Marketing Skills v1.9.0 is out. What shipped: 🆕 /image — AI image generation for marketing. Gemini, Flux, Ideogram, DALL-E, Midjourney. Blog heroes, social graphics, product mockups, and optimization workflows. 🆕 /video — AI video production. Hyperframes & Remotion pipelines, HeyGen & Synthesia avatars, Veo, Runway, Kling, Pika generation. Editing, repurposing, and distribution. Enhanced skills: • /social-content — short-form video section (TikTok, Reels, Shorts frameworks with hooks and scripting) • HeyGen integration — API setup, MCP server, avatar workflows • Hyperframes integration — HTML/CSS programmatic video rendering 📹 This launch video was made with Hyperframes! Also: plugin marketplace fix, phishing URL removal. Now shipping 40 skills and 52 tool integrations. Free, open source. npx skills add coreyhaines31/marketingskills
0:30

Marketing Skills v1.9.0 is out. What shipped: 🆕 /image — AI image generation for marketing. Gemini, Flux, Ideogram, DALL-E, Midjourney. Blog heroes, social graphics, product mockups, and optimization workflows. 🆕 /video — AI video production. Hyperframes & Remotion pipelines, HeyGen & Synthesia avatars, Veo, Runway, Kling, Pika generation. Editing, repurposing, and distribution. Enhanced skills: • /social-content — short-form video section (TikTok, Reels, Shorts frameworks with hooks and scripting) • HeyGen integration — API setup, MCP server, avatar workflows • Hyperframes integration — HTML/CSS programmatic video rendering 📹 This launch video was made with Hyperframes! Also: plugin marketplace fix, phishing URL removal. Now shipping 40 skills and 52 tool integrations. Free, open source. npx skills add coreyhaines31/marketingskills

Corey Haines

79,503 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 • 2 months ago

Claude Fable 5 made this entire video by itself. I gave it a /goal prompt, went to the gym, and came back to this. Even the sound effects. Shoutout HyperFrames
3:17

Claude Fable 5 made this entire video by itself. I gave it a /goal prompt, went to the gym, and came back to this. Even the sound effects. Shoutout HyperFrames

Nate Herk

915,313 views • 5 days ago

the Claude team really cooked 👏 this hyperframes video was made by Opus 4.8 (directed by Miguel Ángel) really clean camera movements and visual aesthetics
0:28

the Claude team really cooked 👏 this hyperframes video was made by Opus 4.8 (directed by Miguel Ángel) really clean camera movements and visual aesthetics

Bin Liu

61,362 views • 20 days ago

HyperFrames just changed video editing forever… You can use it inside of Codex to edit videos:
22:33

HyperFrames just changed video editing forever… You can use it inside of Codex to edit videos:

David Ondrej

14,971 views • 1 month ago

hey builders! showcasing your code & CLI w HyperFrames got 10x easier We open sourced accurate, pre-built UI components A Mac terminal. A VS Code window. Free. One command to install $ npx hyperframes add code Swap in your own code or commands and go
0:37

hey builders! showcasing your code & CLI w HyperFrames got 10x easier We open sourced accurate, pre-built UI components A Mac terminal. A VS Code window. Free. One command to install $ npx hyperframes add code Swap in your own code or commands and go

HeyGen

253,018 views • 15 days ago