website-to-video — Skills — getagentictools

What it does

"Turn this website into a 15-second social clip for Instagram"

"Make a 30-second site tour / showcase from https://..."

"Capture our homepage and build a video from its own visuals"

Asset Audit (Step 3) — viewing contact sheets and justifying USE/SKIP for each asset

Per-beat HTML read (Step 5) — structured evidence block per beat

DoD checklist (Step 6) — including animation-map, per-warning WCAG verification, audio/motion playback

Honest disclosure section (Step 6) — "What I did NOT verify" must appear in your final summary

Source

Repository: https://github.com/heygen-com/hyperframes

website-to-video FAQ

What does the website-to-video skill do?

Capture a general website/URL and turn it into a video OF the site — tour, showcase, or social clip built from captured screenshots and the site's own brand assets. Use for portfolio / blog / docs / landing-page showcases. Not a product launch or promo, even from a URL (/product-launch-video). Unclear → /hyperframes. "Turn this website into a 15-second social clip for Instagram" "Make a 30-second site tour / showcase from https://..."

What does website-to-video require?

Configuration keys: DESIGN, STORYBOARD, SCRIPT.

How do I install website-to-video?

Run: npx -y skills add https://github.com/heygen-com/hyperframes --skill website-to-video --agent claude-code — the source lives at github.com/heygen-com/hyperframes.

Maintain website-to-video?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[![website-to-video on getagentictools](https://getagentictools.com/badge/skills/heygen-com-hyperframes-website-to-video.svg)](https://getagentictools.com/skills/heygen-com-hyperframes-website-to-video?ref=badge)

npx agentictools info skills/heygen-com-hyperframes-website-to-video

The second line is the CLI lookup for this page — handy in READMEs and docs.