gsap Skill
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions. Published by openai in plugins.
What is gsap Skill?
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions. Published by openai in plugins. This profile combines repository metadata with install, compatibility, and usage signals so developers can quickly decide whether it fits their agent workflow before opening the source repository.
Automated repository signals based on public metadata such as recency, license, installation evidence, and adoption. These are not a security audit or endorsement.
Key capabilities
- Includes SKILL.md support
- Reusable instructions support
- Writing
- Writing use cases
Technical details
- Install or run with Copy skill directory
When to use gsap Skill
- Use it for writing.
Built with
Editorial notes
Source
- Creator: openai
- Repository: openai/plugins
- Skill file: plugins/hyperframes/skills/gsap/SKILL.md
What it does
GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.
Skill instructions
GSAP Core Tween Methods - gsap.to(targets, vars) — animate from current state to vars. Most common. - gsap.from(targets, vars) — animate from vars to current state (entrances). - gsap.fromTo(targets, fromVars, toVars) — explicit start and end. - gsap.set(targets, vars) — apply immediately (duration 0). Always use camelCase property names (e.g. backgroundColor, rotationX). Common vars - duration — seconds (default 0.5). - delay — seconds before start. - ease — "power1.out" (default), "power3.inOut", "back.out(1.7)", "elastic.out(1, 0.3)", "none". - stagger — number 0.1 or object: { amount: 0.3, from: "center" }, { each: 0.1, from: "random" }. - overwrite — false (default), true, or "auto". - repeat — number or -1 for infinite. yoyo — alternates direction with repeat. - onComplete, onStart, onUpdate — callbacks. - immediateRender — default true for from()/fromTo(). Set false on later tweens targeting the same property+element to avoid overwrite. Transforms and CSS Prefer GSAP's transform
Explore related resources
Frequently asked questions
What is gsap?
gsap is a open-source AI agent skill with Copy skill directory. GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms.
Who is gsap best for?
gsap is best for reusing agent instructions, scripts, and references, writing workflows.
How do I install gsap?
Install or run gsap using Copy skill directory. Check gsap for the latest setup command.
Is gsap actively maintained?
gsap may need a closer maintenance check before production use.
Auto-fetched from GitHub.
