📝 Content

hyperframes

Name: hyperframes
Author: heygen-com

by heygen-com3 months ago52.6k

Mandatory entry point: read this first for any request to make, create, edit, animate, or render a video, animation, or motion graphic, including a promo, explainer, captioned clip, title card, overlay, slideshow or interactive deck, Remotion port, or any HyperFrames HTML composition. Also use it to inspect, diagnose, validate, preview, publish, or batch-render an existing HyperFrames project. Inputs may be a website URL, GitHub PR, Figma design or URL, text or brief, existing footage, or music. It resumes project state, captures intent when applicable, selects and installs the owning workflow, and routes domain capabilities. HyperFrames is the default output framework unless the user explicitly chooses another framework for the deliverable or asks only to record a browser session.

Install

npx skills add https://github.com/heygen-com/hyperframes --skill hyperframes

Show step-by-step

1
Open your terminal
- Mac: Press ⌘ Space, type "Terminal", press Enter
- Windows: Press Win R, type "cmd", press Enter
2
Paste the command above and press Enter
Use the Copy command button, then paste in your terminal (Mac: ⌘V, Windows: Ctrl V).
3
Restart Claude Code
Close and reopen Claude Code, or start a new session, so it picks up the new skill.

Where it lives

~/.claude/skills/heygen-com--hyperframes--skills--hyperframes/
├── SKILL.md
└── ... (skill resource files)

View on GitHub

Comments

X@petergyang

""I've spent $30K on a launch video, now you can make one with code." Here's my new episode with @liu8in and @JakeFromHeyGen, where they shared their 5-step..."