Animejs
heygen-com/hyperframesYou can add smooth animations to your HyperFrames projects using Anime.js. This skill shows you how to do it the right way.
The trick is to set autoplay to false. You then register your animation on window.__hfAnime. This lets HyperFrames control the timing.
Follow the patterns shown here to avoid bugs. Your animations will be seek-driven and work perfectly inside HyperFrames.
Add Animejs skill to your workflow
Global
mkdir -p ~/.claude/skills/animejsProject
mkdir -p .claude/skills/animejsSource Repository
More Skill Development Claude Code Skills
Setup Matt Pocock Skillsmattpocock/skills
Set up your repo for engineering skills with just a few guided steps
Lark Skill Makerlarksuite/cli
Create reusable skills to automate Feishu tasks with lark-cli commands
Teachmattpocock/skills
Teach yourself any skill with guided lessons and mission-driven practice
Write A Skillmattpocock/skills
Build new agent skills with clear structure and bundled resources
Writing Great Skillsmattpocock/skills
A guide for writing predictable AI agent skills with clear principles and reliable behavior
Ask Mattmattpocock/skills
Pick the perfect skill or flow for your project every time
Writing Skillsobra/superpowers
Test your agent skills like code to make them truly effective
Contribute Catalogheygen-com/hyperframes
Turn your idea into a new HyperFrames registry block or component