antigravity-design-expert

Core UI/UX engineering skill for building highly interactive, spatial, weightless, and glassmorphism-based web interfaces using GSAP and 3D CSS.

1.50x

Quality

27%

Does it follow best practices?

Impact

92%

1.50x

Average score across 3 eval scenarios

Securityby

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./plugins/antigravity-awesome-skills-claude/skills/antigravity-design-expert/SKILL.md

Evaluation results

81%

28%

Analytics Dashboard — Spatial Overview

Isometric dashboard card grid

Criteria

Without context

With context

React component

100%

Tailwind CSS used

Custom CSS for 3D transforms

100%

Isometric tilt applied

20%

30%

GSAP used for animation

100%

Staggered entrance timing

30%

100%

Glassmorphism backdrop blur

100%

Floating shadow

50%

100%

will-change: transform

100%

No continuous expensive animation

100%

prefers-reduced-motion

100%

Semi-transparent border

100%

Modular components

33%

100%

54%

Product Landing Page — Scroll Experience

Scroll-animated landing page with parallax

Criteria

Without context

With context

Next.js framework

100%

GSAP imported

100%

ScrollTrigger plugin used

100%

Y-axis entrance animation

62%

100%

Rotation on entrance

62%

100%

Parallax background layer

70%

100%

Hover/focus transition duration

62%

100%

Ease-out easing

100%

will-change: transform

100%

No continuous box-shadow/filter animation

100%

prefers-reduced-motion respected

100%

Modular component structure

100%

Tailwind for layout

100%

97%

11%

Floating Profile Card Component

Glassmorphism interactive floating card

Criteria

Without context

With context

React component

100%

External stylesheet

100%

backdrop-filter blur applied

100%

Semi-transparent background

100%

Semi-transparent border

100%

CSS perspective for depth

100%

Diffused box-shadow

100%

Hover/focus transition min 0.3s

70%

Ease-out or smooth easing

57%

100%

will-change: transform

100%

No continuous box-shadow animation

100%

prefers-reduced-motion

100%

Reusable via props

100%

Repository: sickn33/antigravity-awesome-skills
Commit: be20b37

Evaluated: 16 days ago
Agent: Claude Code
Model: Claude Sonnet 4.6

Table of Contents

Analytics Dashboard — Spatial Overview Product Landing Page — Scroll Experience Floating Profile Card Component

Is this your skill?

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.