Skip to content
Sam Despo

Free AI newsletter

The best new AI tools and how to actually use them. Free, straight to your inbox.

No spam. Unsubscribe any time.

Design & Front-end

HyperFrames

HeyGen's video skills: product launch videos, explainers and captions from a prompt.

Open sourceBy HeyGen
View source

What is it?

HyperFrames is HeyGen's open-source framework for turning web pages into MP4 videos, and its skills teach Claude the whole production loop: plan, build, add media, check and render. Start with /hyperframes and it picks the right workflow.

Workflows include /product-launch-video (from a website URL or brief), /faceless-explainer, /embedded-captions for talking-head footage, /talking-head-recut with lower-thirds and call-outs, /motion-graphics, /music-to-video and /slideshow.

Rendering happens on your computer, so there are no per-video fees. It's more technical to set up than an online video tool, but far more flexible.

Install in Claude Code

You need Node.js 22 or newer and FFmpeg installed. In Claude Code run /plugin install hyperframes@claude-plugins-official, or HeyGen's own route: /plugin marketplace add heygen-com/hyperframes, then /plugin install hyperframes@hyperframes. Turn on auto-update for it under /plugin, then Marketplaces. Other agents can use npx skills add heygen-com/hyperframes.

Try this prompt

Paste into Claude Code
Using /hyperframes, make a 30-second product launch video for https://mybusiness.com.au with captions and upbeat background music.

Who it's for

Marketers and founders who want product, promo and social videos without a video editor.

Best for

  • Product launch videos
  • Captioning talking-head clips
  • Explainer videos
  • Short social promos

Why it made the list

It's in Anthropic's official plugin directory, and the product-launch workflow turns a website into a video in one step.

More skills like this

  • Remotion skills

    Design & Front-end

    Official skills for making motion graphics and videos in code with Remotion.

    Freemium

  • Canva skills

    Design & Front-end

    Resize, edit, brand-check and bulk-create Canva designs from Claude Code.

    Open source

  • Diagram Design

    Design & Front-end

    Clean diagrams in your brand: org charts, process flows, quadrants and 40+ more.

    Open source

  • Banana Claude

    Design & Front-end

    Generate and edit images with Google's Nano Banana models without leaving Claude Code.

    Open source