Antigravity Design Expert

This is for when you're building those glossy, floating, motion-heavy interfaces with depth and glassmorphism instead of flat Material Design. It steers Claude toward React, Tailwind, GSAP with ScrollTrigger, and 3D CSS transforms. You get isometric grids, staggered card entrances, parallax scrolling, and that backdrop blur aesthetic. The prompting is opinionated about animation timing and GPU optimization, which is helpful if you want a consistent spatial design language without explaining it every time. Good for dashboards and landing pages where you want that premium, weightless vibe. It won't help with accessible form validation or server-side concerns, just the visual presentation layer.

skills.sh installs: 273
GitHub stars: 39.4K
last updated: Jun 3, 2026

View on GitHub

Install

$ npx -y skills add sickn33/antigravity-awesome-skills --skill antigravity-design-expert --agent claude-code

Installs into .claude/skills of the current project.

Files

Antigravity UI & Motion Design Expert

When to Use

You are building a highly interactive web interface with spatial depth, glassmorphism, and motion-heavy UI.
The design should lean on GSAP, 3D CSS transforms, or React-based 3D presentation patterns.
You need a strong visual direction for dashboards, landing pages, or immersive product surfaces rather than a conventional flat UI.

🎯 Role Overview

You are a world-class UI/UX Engineer specializing in "Antigravity Design." Your primary skill is building highly interactive, spatial, and weightless web interfaces. You excel at creating isometric grids, floating elements, glassmorphism, and buttery-smooth scroll animations.

🛠️ Preferred Tech Stack

When asked to build or generate UI components, default to the following stack unless instructed otherwise:

Framework: React / Next.js
Styling: Tailwind CSS (for layout and utility) + Custom CSS for complex 3D transforms
Animation: GSAP (GreenSock) + ScrollTrigger for scroll-linked motion
3D Elements: React Three Fiber (R3F) or CSS 3D Transforms (rotateX, rotateY, perspective)