← All skills

hyperframes-animation

75 / 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 J-StaR-Films-Studios/VibeCode-Protocol-Suite (GitHub) · media · 26 stars · scanned at commit bb9e238

Use when all animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's ch…

Works with any agent that supports SKILL.md skills.

What this skill can do

Safer alternatives

Low-risk skills in the same category (media) that look related. Check that one does what you need.

• 82 Low riskremotion-to-hyperframesheygen-com/hyperframes · 82,066 stars
• 85 Low riskanimation-creatordiegosouzapw/awesome-omni-skill · 66 stars
• 80 Low riskhyperframesanton-abyzov/vskill · 47 stars

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'hyperframes-animation' ] || [ -L ~/.agents/skills/'hyperframes-animation' ]; then echo 'A skill folder named hyperframes-animation 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-animation' && mkdir -p ~/.agents/skills && cp -R "$d"/'assets/.agent/skills/hyperframes/hyperframes-animation' ~/.agents/skills/'hyperframes-animation' && 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-animation' ~/.claude/skills/'hyperframes-animation' (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.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/J-StaR-Films-Studios/VibeCode-Protocol-Suite.svg)](https://zalavijaysinh.github.io/skilltrust/repos/J-StaR-Films-Studios/VibeCode-Protocol-Suite/)

Score history