← All skills
website-to-video
65 / 100 · Review before installing
Check before installing. Some of what it can do is expected: a media skill usually calls an AI service over the internet.
By chmonitor/chmonitor (GitHub) · media · 304 stars · scanned at commit 0414013
Capture a general website/URL and turn it into a HyperFrames video (site tour, showcase, or social clip from the site's own visuals). Uses headless Chrome screenshots + brand assets. Use when intent is general — portfolio/blog/landing-page showcase or social clip from the site. NOT for: product/SaaS launch or promo (→ /product-launch-video, even from a URL); topic explainer with no site (→ /faceless-explainer); GitHub PR (→ /pr-to-video); adding captions to existing video (→ /embedded-captions)…
Works with any agent that supports SKILL.md skills.
What this skill can do
Downloads and installs other software
The author does not mention this.
Found in 29 places.
Show 17 more
- .agents/skills/website-to-video/references/beat-builder-guide.md, line 98
npx hyperframes snapshot . --frames 3 - .agents/skills/website-to-video/references/capabilities.md, line 16
- **Linter:** 60+ rules. Run `npx hyperframes lint` before render. Catches missing timelines, overlapping clips, broken paths, GSAP errors. - .agents/skills/website-to-video/references/capabilities.md, line 426
Install: `npx hyperframes add <name>` for blocks/components, `hyperframes init <dir> --example <name>` for examples. - .agents/skills/website-to-video/references/capabilities.md, line 454
| skills | Run `npx skills add heygen-com/hyperframes --all` - .agents/skills/website-to-video/references/capabilities.md, line 605
npx hyperframes render --variables '{"brand":"Linear","primary":"#5E6AD2"}' - .agents/skills/website-to-video/references/capabilities.md, line 606
npx hyperframes render --variables-file vars.json - .agents/skills/website-to-video/references/capabilities.md, line 607
npx hyperframes render --strict-variables # error if unused / mismatched - .agents/skills/website-to-video/references/capabilities.md, line 691
- text-effects.md — 24 named text animation effects (per-character, per-word, per-line, whole) — vocabulary reference for the separate `pixel-point/animate-text - .agents/skills/website-to-video/references/step-0-capture.md, line 16
npx hyperframes capture <URL> -o <project-dir>/capture - .agents/skills/website-to-video/references/step-0-capture.md, line 19
Example: `npx hyperframes capture https://stripe.com -o videos/stripe-launch/capture` - .agents/skills/website-to-video/references/step-3-storyboard.md, line 135
npx hyperframes catalog --type block 2>/dev/null | head -40 - .agents/skills/website-to-video/references/step-3-storyboard.md, line 138
There might be VFX blocks available (vfx-liquid-glass, vfx-iphone-device, vfx-shatter, vfx-portal, etc.), use them for hero treatments instead of basic perspect - .agents/skills/website-to-video/references/step-3-storyboard.md, line 229
If the storyboard calls for a MacBook or iPhone mockup, use the pre-built `vfx-iphone-device` registry block — it has both **iPhone 15 Pro Max AND MacBook Pro** - .agents/skills/website-to-video/references/step-4-vo.md, line 31
npx hyperframes tts "First sentence. Second sentence." --voice af_nova --output /tmp/test-tts.wav - .agents/skills/website-to-video/references/step-4-vo.md, line 126
npx hyperframes tts SCRIPT.md --voice af_nova --output narration.wav - .agents/skills/website-to-video/references/step-4-vo.md, line 181
npx hyperframes transcribe narration.wav - .agents/skills/website-to-video/references/step-5-build.md, line 308
build → lint (`npx hyperframes lint .`)
and 9 more places
Can call paid AI services billed to you
The author does not mention this. Expected for a media skill.
Found in 2 places.
Sends data to these websites: api.elevenlabs.io, api.heygen.com
The author does not mention this. Expected for a media skill.
Found in 5 places.
Show 2 more
Runs commands on your computer
The author does not mention this. It runs automatically when the plugin is installed.
Found in 1 place.
Safer alternatives
Low-risk skills in the same category (media) that look related. Check that one does what you need.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'website-to-video' ] || [ -L ~/.agents/skills/'website-to-video' ]; then echo 'A skill folder named website-to-video already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/chmonitor/chmonitor' "$d" && git -C "$d" checkout --quiet '04140135acfbd2adb525c7173459b584f9f3bb86' -- '.agents/skills/website-to-video' && mkdir -p ~/.agents/skills && cp -R "$d"/'.agents/skills/website-to-video' ~/.agents/skills/'website-to-video' && rm -rf "$d"; fi
Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'website-to-video' ~/.claude/skills/'website-to-video' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.
Badge for your README
The badge for chmonitor/chmonitor shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/chmonitor/chmonitor/)
Score history
| Date | Version | Score |
|---|
| 2026-11-14 | 0414013 | 65 |
| 2026-11-10 | 111fbae | 65 |