← All skills
website-to-hyperframes
85 / 100 · Low risk
Fine to try.
By openai/plugins (GitHub) · media · 7,836 stars · scanned at commit d420d13
Capture a website and create a HyperFrames video from it. Use when: (1) a user provides a URL and wants a video, (2) someone says "capture this site", "turn this into a video", "make a promo from my site", (3) the user wants a social ad, product tour, or any video based on an existing website, (4) the user shares a link and asks for any kind of video content. Even if the user just pastes a URL — this is the skill to use.
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 15 places.
Show 12 more
- plugins/hyperframes/skills/website-to-hyperframes/references/step-5-vo.md, line 7
- **Kokoro** (try first — free, no API key) — `npx hyperframes tts SCRIPT.md --voice af_nova --output narration.wav`. Runs locally on CPU. Requires Python 3.10+ - plugins/hyperframes/skills/website-to-hyperframes/references/step-5-vo.md, line 22
npx hyperframes transcribe narration.wav - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 8
npx hyperframes lint - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 9
npx hyperframes validate - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 20
npx hyperframes snapshot <project-dir> --at <beat-midpoints> - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 26
npx tsx packages/cli/src/cli.ts snapshot <project-dir> --at <beat-midpoints> - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 32
npx hyperframes snapshot <project-dir> --at 2.9,10.4,18.7,23.9 - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 69
npx hyperframes preview - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 109
npx hyperframes render --output renders/<project-name>.mp4 - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 112
Example: `npx hyperframes render --output renders/stripe-launch.mp4` - plugins/hyperframes/skills/website-to-hyperframes/references/step-7-validate.md, line 114
For social-media vertical output, check `npx hyperframes render --help` for viewport/format flags. - plugins/hyperframes/skills/website-to-hyperframes/references/techniques.md, line 223
var CMD = "npx hyperframes init";
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'website-to-hyperframes' ] || [ -L ~/.agents/skills/'website-to-hyperframes' ]; then echo 'A skill folder named website-to-hyperframes already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/openai/plugins' "$d" && git -C "$d" checkout --quiet 'd420d13051bffe4543ed39e30fa46b87148e47dd' -- 'plugins/hyperframes/skills/website-to-hyperframes' && mkdir -p ~/.agents/skills && cp -R "$d"/'plugins/hyperframes/skills/website-to-hyperframes' ~/.agents/skills/'website-to-hyperframes' && 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-hyperframes' ~/.claude/skills/'website-to-hyperframes' (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 openai/plugins shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/openai/plugins/)
Score history
| Date | Version | Score |
|---|
| 2026-11-07 | d420d13 | 85 |
Also found in
Identical copies of this skill exist at:
- zhongjingyun/codex-plugins/plugins/hyperframes/skills/website-to-hyperframes