Are the generated animations performance-optimized?

Yes, the skill follows execution constraints that prioritize GPU-accelerated transforms (will-change) and avoids animating expensive properties like filters or box-shadows continuously.

Which tech stack does this Claude Code skill use?

It defaults to React or Next.js for the framework, Tailwind CSS for styling, GSAP (GreenSock) for animations, and CSS 3D transforms or React Three Fiber for spatial elements.

What is Antigravity Design?

Antigravity Design is a UI style focused on weightlessness, spatial depth, and interactive motion using 3D transforms, glassmorphism, and soft shadows to create a premium, floating feel.

Does this skill support accessibility and motion preferences?

Absolutely. It is programmed to ensure all animations are disabled for users who have enabled the 'prefers-reduced-motion' setting in their browser or OS.

Antigravity UI & Motion Expert

Name: Antigravity UI & Motion Expert
Author: JantonioFC

byJantonioFC

•

Herramientas de Diseño

Builds highly interactive, spatial, and weightless web interfaces using glassmorphism, 3D CSS, and GSAP animations.

The Antigravity UI & Motion Expert skill transforms standard web applications into immersive, multi-dimensional experiences by applying specialized spatial design principles. It excels at creating weightless interfaces featuring isometric grids, floating glassmorphism elements, and buttery-smooth scroll-linked animations. This skill is ideal for developers building premium landing pages, interactive dashboards, or futuristic portfolios that require a high level of visual polish and sophisticated motion orchestration while maintaining strict performance and accessibility standards.

Características Principales

01Orchestrates complex scroll-driven animations and staggered entrances with GSAP

022 GitHub stars

03Implements advanced glassmorphism with translucency and background blurs

04Generates modular, high-performance React and Next.js components with Tailwind CSS

05Creates spatial depth using CSS 3D transforms and isometric perspective snapping

06Ensures accessibility by automatically respecting 'prefers-reduced-motion' settings

Casos de Uso

01Building interactive 3D dashboards with floating data visualizations and isometric cards

02Creating immersive personal portfolios with parallax scrolling and sophisticated entrance effects

03Developing high-converting landing pages for tech startups and premium SaaS brands

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add jantoniofc/skillsbank antigravity-design-expert

For use in Claude.ai and ChatGPT

Características Principales

01Orchestrates complex scroll-driven animations and staggered entrances with GSAP

022 GitHub stars

03Implements advanced glassmorphism with translucency and background blurs

04Generates modular, high-performance React and Next.js components with Tailwind CSS

05Creates spatial depth using CSS 3D transforms and isometric perspective snapping

06Ensures accessibility by automatically respecting 'prefers-reduced-motion' settings

Casos de Uso

01Building interactive 3D dashboards with floating data visualizations and isometric cards

02Creating immersive personal portfolios with parallax scrolling and sophisticated entrance effects

03Developing high-converting landing pages for tech startups and premium SaaS brands