Video yükleniyor...

Video Yüklenemedi

Ana Sayfaya Dön

Another HyperFrames catalog update Wednesday: html-in-canvas effects Today: textures and shaders Every effect is one command to add for your next video npx hyperframes add <name> Comment + RT "shader" for this videos source code (must follow)

HeyGen's profile picture

HeyGen

103,286 subscribers

378,248 görüntüleme • 1 ay önce •via X (Twitter)

SanatBilim & Teknoloji
LIVE

Anya Rossi• Live Now

Private livecam show

0 Yorum

Yorum bulunmuyor

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

Benzer Videolar

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

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

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

245,382 görüntüleme • 10 gün önce

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

“Smart Captions” - the most expensive but basic feature in video apps So we open sourced 17 captions in HyperFrames Free. Fully customizable. One command to install. $ npx hyperframes add captions Plus local background removal — free, studio-grade Make your content POP!
0:43

“Smart Captions” - the most expensive but basic feature in video apps So we open sourced 17 captions in HyperFrames Free. Fully customizable. One command to install. $ npx hyperframes add captions Plus local background removal — free, studio-grade Make your content POP!

HeyGen

377,341 görüntüleme • 23 gün önce

Every edit was a round-trip through the model Font swap. Color change. Nudge 20 pixels. Adjust an easing curve. Now they're a click in the Inspector panel HyperFrames Inspector is live npx hyperframes preview Full source code for this video in the replies ↓
0:45

Every edit was a round-trip through the model Font swap. Color change. Nudge 20 pixels. Adjust an easing curve. Now they're a click in the Inspector panel HyperFrames Inspector is live npx hyperframes preview Full source code for this video in the replies ↓

HeyGen

467,210 görüntüleme • 1 ay önce

Video gets better when people share, build together, and learn together is live. Browse community projects, download any zip, hand it to your agent or publish yours $ npx hyperframes publish Publish then RT + comment "dev" for credits (must follow)
0:53

Video gets better when people share, build together, and learn together is live. Browse community projects, download any zip, hand it to your agent or publish yours $ npx hyperframes publish Publish then RT + comment "dev" for credits (must follow)

HeyGen

678,616 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

573,766 görüntüleme • 1 ay önce

An easter egg skill we hid in hyperframes: /website-to-hyperframes - create DESIGN.md - screenshot the page - download assets - build logo animations + more we hope to support the launch of anyone's businesses RT + comment "Website" for codebase access (must follow)
0:41

An easter egg skill we hid in hyperframes: /website-to-hyperframes - create DESIGN.md - screenshot the page - download assets - build logo animations + more we hope to support the launch of anyone's businesses RT + comment "Website" for codebase access (must follow)

HeyGen

299,623 görüntüleme • 1 ay önce

Cinematic_avatar api is live keep your likeness, add cinematic range and build your video pipeline via your coding agent install HeyGen CLI + HyperFrames skill to create launch videos like ours docs and cli setup in thread ↓
0:42

Cinematic_avatar api is live keep your likeness, add cinematic range and build your video pipeline via your coding agent install HeyGen CLI + HyperFrames skill to create launch videos like ours docs and cli setup in thread ↓

HeyGen

622,425 görüntüleme • 8 gün önce

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

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

42,865 görüntüleme • 1 ay önce

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

33,018 görüntüleme • 4 gün önce

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

HyperFrames, now an official plugin in Codex One click install Codex becomes your end-to-end video workspace Code it, edit it, render it, ship it Stay tuned for more HeyGen x OpenAI Developers integrations this week!
0:42

HyperFrames, now an official plugin in Codex One click install Codex becomes your end-to-end video workspace Code it, edit it, render it, ship it Stay tuned for more HeyGen x OpenAI Developers integrations this week!

HeyGen

602,593 görüntüleme • 1 ay önce

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!
0:28

Video components will be as popular as UI components soon using the same shadcn registry. That's why we made our own Catalog of components for HyperFrames, where you can build on top of them to make your own videos. Explore, create and share your videos with npx hyperframes publish! Some of the best creations will be featured here!

Miguel Ángel

18,018 görüntüleme • 1 ay önce

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

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

718,743 görüntüleme • 3 gün önce

Your AI agent can now generate and ship videos. HeyGen CLI is now live. Run one command and your agent handles it all: script → avatar creation → video → delivery All from the terminal. Just your agent and the CLI. RT + Comment “CLI” and we’ll DM API credits (must follow)
0:58

Your AI agent can now generate and ship videos. HeyGen CLI is now live. Run one command and your agent handles it all: script → avatar creation → video → delivery All from the terminal. Just your agent and the CLI. RT + Comment “CLI” and we’ll DM API credits (must follow)

HeyGen

223,604 görüntüleme • 2 ay önce

shader effects for 3d gaussian splats are a fun way to add reality bending effects to your 3d scans. made using sparkjs which is an open source 3dgs renderer for threejs.
0:40

shader effects for 3d gaussian splats are a fun way to add reality bending effects to your 3d scans. made using sparkjs which is an open source 3dgs renderer for threejs.

Bilawal Sidhu

45,202 görüntüleme • 3 ay önce