Website To Hyperframes
This one takes a URL and builds a full HyperFrames video project from it. You get a seven step pipeline: capture the site, extract brand assets and colors, write a narration script, storyboard each beat with animation direction, generate TTS with word level timestamps, build the compositions, then validate and preview. It's structured like a production workflow, not a one shot prompt. Each step gates the next with an artifact, so you're building DESIGN.md, SCRIPT.md, and STORYBOARD.md before any code gets written. Useful if you need to turn landing pages into social ads or product demos without starting from scratch. The output is a localhost Studio URL, not an auto rendered MP4.
- skills.sh installs
- 89.3K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill website-to-hyperframes --agent claude-codeInstalls into .claude/skills of the current project.
Files
This one takes a URL and builds a full HyperFrames video project from it. You get a seven step pipeline: capture the site, extract brand assets and colors, write a narration script, storyboard each beat with animation direction, generate TTS with word level timestamps, build the compositions, then validate and preview. It's structured like a production workflow, not a one shot prompt. Each step gates the next with an artifact, so you're building DESIGN.md, SCRIPT.md, and STORYBOARD.md before any code gets written. Useful if you need to turn landing pages into social ads or product demos without starting from scratch. The output is a localhost Studio URL, not an auto rendered MP4.
Browse the repository on GitHubSponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/heygen-com/hyperframes
- First seen
- May 16, 2026
More from heygen-com/hyperframes
All 44- Css Animations72.3K
- Tailwind70.6K
- Animejs70K
- Three69.3K
- Lottie69.1K
- Waapi68.7K
- Motion Doctrine62.2K
- Captions Overlay61.8K
- Cut The Curve61.4K
- Seam Craft61.1K
- Oversized Cursor60.7K
- Changelog Video60.6K
- Contribute Catalog55.5K
- Typegpu51K
- Reverse Any Video45.2K
- Style Sampling38.8K
- Graphic Overlays29.1K
- Hyperframes Read First2.4K
- Claude Design Hyperframes2K
- Hyperframes Cli1.5M
- Hyperframes1.5M
- Media Use1.4M
- Hyperframes Registry1.2M
- Hyperframes Animation1M
Recommended
cavemanjuliusbrussee/cavemanUltra-compressed communication mode. Cuts output tokens 65% (measured) by speaking like caveman while keeping full technical accuracy. Supports intensity levels618.3Kskills.sh installs
improveshadcn/improveSurvey any codebase as a senior advisor and produce prioritized, self-contained implementation plans for OTHER models/agents to execute. Strictly read-only on s40Kskills.sh installs
systematic-debuggingobra/superpowersUse when encountering any bug, test failure, or unexpected behavior, before proposing fixes326.7Kskills.sh installs
karpathy-guidelinesforrestchang/andrej-karpathy-skillsBehavioral guidelines to reduce common LLM coding mistakes through explicit assumptions, simplicity, and verifiable success criteria.17.9Kskills.sh installs
find-skillsvercel-labs/skillsHelps users discover and install agent skills when they ask questions like "how do I do X", "find a skill for X", "is there a skill that can...", or express int4.3Mskills.sh installs