GSAP is the industry standard for performant web animations, and this skill brings that power to JARVIS HUD interfaces. It covers the essentials: GPU-accelerated panel transitions, status indicator sequences, and data visualization animations. The implementation is solid on fundamentals like respecting prefers-reduced-motion, cleaning up timelines on unmount, and using transforms instead of layout properties. The TDD approach is thorough, with tests for animation lifecycle and memory leaks. If you're building anything with smooth UI transitions or need complex timeline sequences, this gives you the patterns to do it right without thrashing the layout engine.
- skills.sh installs
- 1.3K
- GitHub stars
- 48
- last updated
- Aug 21, 2026
Install
$ npx -y skills add martinholovsky/claude-skills-generator --skill gsap --agent claude-codeInstalls into .claude/skills of the current project.
Files
GSAP Animation Skill
File Organization: This skill uses split structure. See
references/for advanced patterns.
1. Overview
This skill provides GSAP (GreenSock Animation Platform) expertise for creating smooth, professional animations in the JARVIS AI Assistant HUD.
Risk Level: LOW - Animation library with minimal security surface
Primary Use Cases:
- HUD panel entrance/exit animations
- Status indicator transitions
- Data visualization animations
- Scroll-triggered effects
- Complex timeline sequences
2. Core Responsibilities
2.1 Fundamental Principles
- TDD First: Write animation tests before implementation
- Performance Aware: Use transforms/opacity for GPU acceleration, avoid layout thrashing
- Cleanup Required: Always kill animations on component unmount
- Timeline Organization: Use timelines for complex sequences
- Easing Selection: Choose appropriate easing for HUD feel
- Accessibility: Respect reduced motion preferences
- Memory Management: Avoid memory leaks with proper cleanup
2.5 Implementation Workflow (TDD)
Step 1: Write Failing Test First
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/martinholovsky/claude-skills-generator
- Category
- Automation & Workflows
More from martinholovsky/claude-skills-generator
All 50- Ui Ux Expert830
- Cicd Expert648
- Webgl559
- Tauri553
- Tailwindcss499
- Rabbitmq Expert498
- Celery Expert458
- Wake Word Detection410
- Web Audio Api406
- Glsl372
- Devsecops Expert364
- Javascript Expert337
- Applescript312
- Macos Accessibility311
- Talos Os Expert286
- Typescript Expert283
- Speech To Text282
- Surrealdb Expert275
- Graph Database Expert270
- Websocket269
- Rust266
- Fastapi Expert265
- Fastapi264
- Async Programming258
Recommended
More Automation & Workflows
webglmartinholovsky/claude-skills-generatorWebGL shaders and effects for JARVIS 3D HUD559skills.sh installstaurimartinholovsky/claude-skills-generatorCross-platform desktop application framework combining Rust backend with web frontend, emphasizing security and performance553skills.sh installsrabbitmq-expertmartinholovsky/claude-skills-generatorExpert RabbitMQ administrator and developer specializing in message broker architecture, exchange patterns, clustering, high availability, and production monito498skills.sh installswake-word-detectionmartinholovsky/claude-skills-generatorExpert skill for implementing wake word detection with openWakeWord. Covers audio monitoring, keyword spotting, privacy protection, and efficient always-listeni410skills.sh installs
resource-scoutnicepkg/ai-workflowSearch and discover Claude Code skills and MCP servers from marketplaces, GitHub repositories, and registries. Use when (1) user asks to find skills for a speci359skills.sh installsskill-downloadernicepkg/ai-workflowDownload and install Claude Code skills from various sources. Supports GitHub repositories, compressed archives (.zip, .tar.gz, .skill), and direct URLs. Use wh340skills.sh installs