Claude MarketplacesSubmit
heygen-com avatar

Graphic Overlays

heygen-com/hyperframes

You've got a talking head video and want to add designed graphics on top without touching the timeline or audio. This drops titles, lower thirds, data callouts, and quote cards over your clip based on what's being said. The agent writes HTML for each overlay, assembles a composition, and renders through Hyperframes. It's not for subtitles (that's embedded-captions) and won't recolor or reframe your footage. The routing matters here: if you just need spoken words as text, you're in the wrong place. With 29K installs, it's clearly solving a real production gap for people who need polished overlays without opening an NLE.

skills.sh installs
29.1K
GitHub stars
81.8K
last updated
Aug 21, 2026
View on GitHub

Install

$ npx -y skills add heygen-com/hyperframes --skill graphic-overlays --agent claude-code

Installs into .claude/skills of the current project.

Files

You've got a talking head video and want to add designed graphics on top without touching the timeline or audio. This drops titles, lower thirds, data callouts, and quote cards over your clip based on what's being said. The agent writes HTML for each overlay, assembles a composition, and renders through Hyperframes. It's not for subtitles (that's embedded-captions) and won't recolor or reframe your footage. The routing matters here: if you just need spoken words as text, you're in the wrong place. With 29K installs, it's clearly solving a real production gap for people who need polished overlays without opening an NLE.

Browse the repository on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/heygen-com/hyperframes
Categories
Frontend Development, AI & Agent Building, CLI & Terminal, Video & Audio Editing
First seen
Jul 14, 2026

More from heygen-com/hyperframes

All 44

Recommended

More Frontend Development
1software-mansion avatarargent-screenshot-diffsoftware-mansion/argentCompare saved or live app screenshots with the argent screenshot-diff tool. Use when testing visual regressions, before/after UI comparisons, screenshot diff ch28.6Kskills.sh installs
2jimliu avatarbaoyu-format-markdownjimliu/baoyu-skillsFormats plain text or markdown files with frontmatter, titles, summaries, headings, bold, lists, and code blocks. Use when user asks to "format markdown", "beau28.5Kskills.sh installs
3op7418 avatarguizang-ppt-skillop7418/guizang-ppt-skill生成横向翻页网页 PPT（单 HTML 文件），含 WebGL 背景、演讲者视图、观众屏同步、讲稿备注、章节幕封、数据大字报、图片网格等模板。提供两种风格：① "电子杂志 × 电子墨水"（衬线 + 流体背景 + 暖色） ② "瑞士国际主义"（无衬线 + 网格点阵 + IKB/柠檬黄/柠檬绿/安全橙高亮）。当用户需要制作28.5Kskills.sh installs
4warpdotdev avatarreproduce-bug-reportwarpdotdev/common-skillsLaunch Oz cloud agents with computer use to reproduce UI-focused bug reports, capture visual evidence (a screen recording by default), and report reproduction f27Kskills.sh installs
5cathrynlavery avatardiagram-designcathrynlavery/diagram-designCreate technical and product diagrams — architecture, IT current-state, flowchart, sequence, state machine, ER / data model, timeline, swimlane, quadrant, radar26.7Kskills.sh installs
6software-mansion avatarargent-lenssoftware-mansion/argentPropose multiple visual design variants for on-screen elements and let the human pick in the Argent Lens window. Use when the user asks for design alternatives 26.1Kskills.sh installs