← All skills
hyperframes-core
85 / 100 · Low risk
Fine to try.
By freekmurze/dotfiles (GitHub) · writing · 1,020 stars · scanned at commit 26bd6ac
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 12 places.
Show 9 more
- config/claude/skills/hyperframes-core/SKILL.md, line 98
- [ ] Projects with sub-compositions: `npx hyperframes snapshot --at <midpoints>` and eyeball each frame - config/claude/skills/hyperframes-core/SKILL.md, line 99
- [ ] `npx hyperframes preview --background` for review (the user can edit anything in Studio's timeline, and the server survives the invoking command) - config/claude/skills/hyperframes-core/SKILL.md, line 100
- [ ] `npx hyperframes render` only after the user approves - config/claude/skills/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. - config/claude/skills/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( - config/claude/skills/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 - config/claude/skills/hyperframes-core/references/tailwind.md, line 100
npx hyperframes check - config/claude/skills/hyperframes-core/references/tailwind.md, line 103
npx hyperframes render . --workers 1 --quality draft --output tailwind-proof.mp4 - config/claude/skills/hyperframes-core/references/variables-and-media.md, line 53
- Use `npx hyperframes render --variables '{"title":"Q4 Report"}'` or `--variables-file` for render-time overrides.
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/freekmurze/dotfiles' "$d" && git -C "$d" checkout --quiet '26bd6ac3c4ef9afd949dc1de12d96fddc2548710' -- 'config/claude/skills/hyperframes-core' && mkdir -p ~/.agents/skills && cp -R "$d"/'config/claude/skills/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 freekmurze/dotfiles shows the score of its lowest-scoring skill.
[](https://zalavijaysinh.github.io/skilltrust/repos/freekmurze/dotfiles/)
Score history
| Date | Version | Score |
|---|
| 2026-11-13 | 26bd6ac | 85 |