← All skills
hyperframes
67 / 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 wolfenazz/YzPzCode (GitHub) · media · 20 stars · scanned at commit fe7a0b7
Create video compositions, animations, title cards, overlays, captions, voiceovers, audio-reactive visuals, and scene transitions in HyperFrames HTML. Use when asked to build any HTML-based video content, add captions or subtitles synced to audio, generate text-to-speech narration, create audio-reactive animation (beat sync, glow, pulse driven by music), add animated text highlighting (marker sweeps, hand-drawn circles, burst lines, scribble, sketchout), or add transitions between scenes (cross…
Works with any agent that supports SKILL.md skills.
What this skill can do
Runs commands on your computer
This is disclosed by the author in the skill's SKILL.md or README.
Found in 6 places.
Show 3 more
Downloads and installs other software
The author does not mention this.
Found in 40 places.
Show 17 more
- app/desgin/design-templates/hyperframes/SKILL.md, line 127
- `npx hyperframes tts <text>` — generate narration - app/desgin/design-templates/hyperframes/SKILL.md, line 414
- [ ] `npx hyperframes lint` and `npx hyperframes validate` both pass - app/desgin/design-templates/hyperframes/SKILL.md, line 415
- [ ] `npx hyperframes inspect` passes, or every reported overflow is intentionally marked - app/desgin/design-templates/hyperframes/SKILL.md, line 427
npx hyperframes inspect - app/desgin/design-templates/hyperframes/SKILL.md, line 428
npx hyperframes inspect --json - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 15
When this skill runs inside Open Design, the daemon shells out to `npx hyperframes render`, which inherits the auto-enable. You do **not** need to add browser f - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 121
npx hyperframes add html-in-canvas - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 128
| Liquid Glass | Voronoi glass fracture with parallax reveal | `npx hyperframes add vfx-liquid-glass` | - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 129
| iPhone & MacBook | Real 3D GLTF devices with live HTML screens | `npx hyperframes add vfx-iphone-device` | - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 130
| Text Cursor | Dramatic text reveal with chromatic shadows | `npx hyperframes add vfx-text-cursor` | - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 131
| Portal | Dimension breach with volumetric light | `npx hyperframes add vfx-portal` | - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 132
| Shatter | HTML shatters into glass fragments | `npx hyperframes add vfx-shatter` | - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 133
| Magnetic | Magnetic field particle visualization | `npx hyperframes add vfx-magnetic` | - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 134
| Liquid Background | Organic liquid simulation | `npx hyperframes add vfx-liquid-background` | - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 143
npx hyperframes render --output my-video.mp4 - app/desgin/design-templates/hyperframes/references/html-in-canvas.md, line 146
For Docker renders, the flag is also enabled automatically inside the container. Inside Open Design, the daemon's `npx hyperframes render` call (`apps/daemon/sr - app/desgin/design-templates/hyperframes/references/transcript-guide.md, line 9
npx hyperframes transcribe audio.mp3
and 20 more places
Sends data to these websites: api.openai.com, api.groq.com, fonts.google.com
The author does not mention this. Expected for a media skill.
Found in 4 places.
Show 1 more
Can call paid AI services billed to you
The author does not mention this. Expected for a media skill.
Found in 1 place.
Safer alternatives
Low-risk skills in the same category (media) that look related. Check that one does what you need.
Other copies in this repository
wolfenazz/YzPzCode has 1 more folder with a skill named hyperframes. This page shows the lowest-scoring copy.
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'hyperframes' ] || [ -L ~/.agents/skills/'hyperframes' ]; then echo 'A skill folder named hyperframes already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/wolfenazz/YzPzCode' "$d" && git -C "$d" checkout --quiet 'fe7a0b72ceba504d58f83a654d92c5dc8269a7b8' -- 'app/desgin/design-templates/hyperframes' && mkdir -p ~/.agents/skills && cp -R "$d"/'app/desgin/design-templates/hyperframes' ~/.agents/skills/'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/'hyperframes' ~/.claude/skills/'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 wolfenazz/YzPzCode shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/wolfenazz/YzPzCode/)
Score history
| Date | Version | Score |
|---|
| 2026-11-11 | fe7a0b7 | 67 |