Hyperframes Animation
heygen-com/hyperframesHyperFrames Animation gives you everything you need to create motion on the web. It works with atomic motion rules, multi-phase scene blueprints, scene transitions, and broader motion-design techniques. You can use any of seven runtime adapters like GSAP, Lottie, Three.js, and more.
This skill helps you pick 2 to 4 rules and combine them into a single paused timeline. Or you can load a pre-made blueprint for complex scenes. It is designed to be deterministic and safe to seek through.
Whether you are building a brand reveal, a social proof animation, or a demo page scroll spotlight, HyperFrames Animation has the tools and recipes you need.
Add Hyperframes Animation skill to your workflow
Global
mkdir -p ~/.claude/skills/hyperframes-animationProject
mkdir -p .claude/skills/hyperframes-animationSource Repository
More Design & UI/UX Claude Code Skills
Prototypemattpocock/skills
Quick throwaway prototypes to test logic or UI before building
Lark Whiteboardlarksuite/cli
View, edit, and export Lark whiteboards as images or code easily
Sleek Design Mobile Appssleekdotdesign/agent-skills
Turn your app ideas into mobile screens just by describing them
Brainstormingobra/superpowers
Brainstorm your ideas into a clear design and get approval before building anything
Ui Ux Pro Maxnextlevelbuilder/ui-ux-pro-max-skill
All-in-one UI/UX design assistant with styles, colors, fonts, and guidelines for any platform
Redesign Existing Projectsleonxlnx/taste-skill
Upgrade your existing website or app with a professional design audit
Stitch Design Tasteleonxlnx/taste-skill
Create premium, non-generic UI designs with strict color, typography, and layout rules
Brandkitleonxlnx/taste-skill
Create premium brand-kit images that feel intentional, minimal, and presentation-ready