angular-gsap-animation-crafter
OfficialDesign scroll animations for Angular with ease.
AuthorHive-Academy
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill addresses the challenge of creating complex, scroll-triggered animations in Angular projects, simplifying the integration of GSAP effects.
Core Features & Use Cases
- Interactive Scroll Animation Design: Guides users through configuring animations like fade, slide, parallax, and hijacked scroll sequences tailored for Angular components.
- Machine-Assisted Reconstruction: Analyzes reference videos or images to reverse-engineer animation timings and trigger points, generating ready-to-use Angular component code.
- Type-Safe, Declarative API: Ensures seamless integration with Angular, adhering to best practices, including SSR compatibility and strict typing.
Quick Start
Use the angular-gsap skill to generate an Angular component that replicates a specified scroll animation pattern, matching user-provided reference media or description.
Dependency Matrix
Required Modules
gsapScrollTrigger
Components
scriptsreferencesassets
💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: angular-gsap-animation-crafter Download link: https://github.com/Hive-Academy/ptah-extension/archive/main.zip#angular-gsap-animation-crafter Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.