Implement GSAP animations inside HyperFrames with timelines and easing.
npx skills add https://github.com/johunsang/octo-design --skill gsap-johunsang
Please help me install this Agent Skill. Skill: gsap Source: https://github.com/johunsang/octo-design/tree/main/.agents/skills/gsap Command: npx skills add https://github.com/johunsang/octo-design --skill gsap-johunsang
Provides a concise, reference-driven guide to implementing GSAP animations inside HyperFrames, consolidating core methods, timelines, easing, and best practices to accelerate motion design workflows.
Create a simple GSAP timeline that moves an element 100px to the right over 0.5s using gsap.to.
High-intent search queries and answers about installing and using this skill.
Implement GSAP animations inside HyperFrames by referencing core tween methods like gsap.to, gsap.from, and gsap.fromTo within a single guide. You orchestrate sequences via gsap.timeline() and control timing with position parameters and labels.
Structure complex GSAP timelines by using gsap.timeline() to orchestrate sequences, controlling timing with position parameters and labels, and applying defaults to maintainable patterns for production deployments.
Make GSAP tweens responsive by leveraging gsap.matchMedia patterns within HyperFrames contexts, ensuring animation sequences adapt correctly across different screen sizes while maintaining performance.
Performance best practices for GSAP animations include leveraging transforms, will-change, and autoAlpha within HyperFrames contexts to maintain smooth rendering and maintainable patterns for production deployments.
Yes, you can use stagger and easing functions with GSAP timelines in HyperFrames. The guide covers easing application, stagger implementation, and core methods to author animation sequences from simple tweens to complex timelines.
Yes, the guide covers core tween methods including gsap.to, gsap.from, gsap.fromTo, and gsap.set, providing their recommended usage patterns for authoring animation sequences inside HyperFrames.
MuzeWinterGenerate GSAP animation guidance for HyperFrames compositions with timelines and responsive motion.
video-production-buddyAnimate SVG character rigs with pivot-consistent GSAP and Remotion timelines.
1vesoIntegrate GSAP animations into HyperFrames compositions with timeline management.
skyf0xxCoordinate multi-step animation sequences with GSAP timelines.
