← All skills
hyperframes-core
85 / 100 · Low risk
Fine to try.
By J-StaR-Films-Studios/VibeCode-Protocol-Suite (GitHub) · writing · 26 stars · scanned at commit bb9e238
Use when the HyperFrames composition contract — build one renderable project. Use for composition structure, the `data-*` timing attributes, `class="clip"`, tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
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
- assets/.agent/skills/hyperframes/hyperframes-core/SKILL.md, line 102
- [ ] Projects with sub-compositions: `npx hyperframes snapshot --at <midpoints>` and eyeball each frame - assets/.agent/skills/hyperframes/hyperframes-core/SKILL.md, line 103
- [ ] `npx hyperframes preview --background` for review (the user can edit anything in Studio's timeline, and the server survives the invoking command) - assets/.agent/skills/hyperframes/hyperframes-core/SKILL.md, line 104
- [ ] `npx hyperframes render` only after the user approves - assets/.agent/skills/hyperframes/hyperframes-core/references/creator-editing-recipes.md, line 5
Before any edit, run `npx hyperframes timeline` (add `--json` for a machine-readable list) to see the project's tracks and clips instead of reading the HTML. - assets/.agent/skills/hyperframes/hyperframes-core/references/data-attributes.md, line 17
\*`data-duration` is optional whenever the runtime can auto-infer duration: a registered GSAP timeline, a finite CSS animation, a finite WAAPI `element.animate( - assets/.agent/skills/hyperframes/hyperframes-core/references/full-screen-motion.md, line 67
- **Verify intentional overflow with snapshots.** Before adding `data-layout-allow-overflow` to silence an inspect warning, run `npx hyperframes snapshot` and c - assets/.agent/skills/hyperframes/hyperframes-core/references/script-format.md, line 49
Feed each line's spoken text to `npx hyperframes tts` (pin `--voice` / `--provider` from the header; capture word timestamps for captions). Real per-word timing - assets/.agent/skills/hyperframes/hyperframes-core/references/tailwind.md, line 100
npx hyperframes check - assets/.agent/skills/hyperframes/hyperframes-core/references/tailwind.md, line 103
npx hyperframes render . --workers 1 --quality draft --output tailwind-proof.mp4 - assets/.agent/skills/hyperframes/hyperframes-core/references/variables-and-media.md, line 53
- Use `npx hyperframes render --variables '{"title":"Q4 Report"}'` or `--variables-file` for render-time overrides. - assets/.agent/skills/hyperframes/references/plugin-installation.md, line 12
- Do not run `hyperframes skills update`, `skills check`, or `npx skills add`. - assets/.agent/skills/hyperframes/references/plugin-installation.md, line 18
- Replace `npx hyperframes` (or bare `hyperframes`) in command examples with:
Install
Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.
if [ -e ~/.agents/skills/'hyperframes-core' ] || [ -L ~/.agents/skills/'hyperframes-core' ]; then echo 'A skill folder named hyperframes-core already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/J-StaR-Films-Studios/VibeCode-Protocol-Suite' "$d" && git -C "$d" checkout --quiet 'bb9e2387e4c7cb850ab9795fd8630486991c0337' -- 'assets/.agent/skills/hyperframes/hyperframes-core' && mkdir -p ~/.agents/skills && cp -R "$d"/'assets/.agent/skills/hyperframes/hyperframes-core' ~/.agents/skills/'hyperframes-core' && 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-core' ~/.claude/skills/'hyperframes-core' (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 J-StaR-Films-Studios/VibeCode-Protocol-Suite shows the score of its lowest-scoring skill.

[](https://zalavijaysinh.github.io/skilltrust/repos/J-StaR-Films-Studios/VibeCode-Protocol-Suite/)
Score history
| Date | Version | Score |
|---|
| 2026-11-12 | bb9e238 | 85 |