
Website To Video
Takes a live website URL, captures its brand assets and design system, then builds a professional video showcasing the site itself. Think portfolio pieces, landing page tours, or social clips that show off your actual product pages. The workflow is structured around seven gates: capture, brand identity extraction, messaging strategy, storyboard approval, voiceover generation, HTML composition building, and validation. It routes clearly: if you're launching or promoting a product (even from that URL), you want product launch video instead. If you're explaining a concept without a site, that's faceless explainer territory. This is specifically for "here's our site, turn it into a video walkthrough." Supports both HeyGen and local TTS engines, generates captions, and enforces WCAG checks before render.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 5
- skills.sh installs
- 97.4K
- GitHub stars
- 81.8K
- last updated
- Aug 21, 2026
Install
$ npx -y skills add heygen-com/hyperframes --skill website-to-video --agent claude-codeInstalls into .claude/skills of the current project.
Files
Takes a live website URL, captures its brand assets and design system, then builds a professional video showcasing the site itself. Think portfolio pieces, landing page tours, or social clips that show off your actual product pages. The workflow is structured around seven gates: capture, brand identity extraction, messaging strategy, storyboard approval, voiceover generation, HTML composition building, and validation. It routes clearly: if you're launching or promoting a product (even from that URL), you want product launch video instead. If you're explaining a concept without a site, that's faceless explainer territory. This is specifically for "here's our site, turn it into a video walkthrough." Supports both HeyGen and local TTS engines, generates captions, and enforces WCAG checks before render.
Browse the repository on GitHubSponsors
Details
- Repository
- github.com/heygen-com/hyperframes
- Categories
- Documentation, Marketing & SEO, Finance & Trading
- First seen
- Jul 14, 2026
More from heygen-com/hyperframes
All 44- Gsap92.1K
- Website To Hyperframes89.3K
- 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