Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.
65
62%
Does it follow best practices?
Impact
86%
1.21xAverage score across 2 eval scenarios
Passed
No findings from the security scan
Fix and improve this skill with Tessl
tessl review fix ./skills/antigravity-design-expert/SKILL.mdGlassmorphism card dashboard with staggered GSAP animations
GSAP library used
0%
100%
Staggered entrance at 0.1s
50%
50%
Glassmorphism backdrop blur
60%
0%
Semi-transparent border
100%
100%
Floating shadow value
100%
50%
will-change: transform
100%
100%
prefers-reduced-motion
100%
100%
Smooth state transitions
62%
100%
No continuous box-shadow animation
100%
100%
React component structure
100%
100%
Tailwind CSS used
100%
100%
Scroll-animated landing section with parallax and depth
GSAP ScrollTrigger used
0%
100%
Y-axis entrance animation
0%
100%
Rotation in scroll animation
50%
100%
Parallax differential movement
100%
100%
CSS perspective applied
50%
80%
will-change: transform on animated elements
100%
100%
prefers-reduced-motion disables animations
100%
100%
No expensive property in GSAP tweens
100%
100%
React framework
100%
100%
Tailwind CSS classes
0%
0%
Custom CSS for 3D transforms
100%
100%
Modular component separation
100%
100%
b1aebac
Table of Contents
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.