antigravity-design-expert

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

Quality

35%

Does it follow best practices?

Impact

Pending

No eval scenarios have been run

Securityby

Passed

No known issues

Optimize this skill with Tessl

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

Quality

Discovery

32%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description identifies a specific design aesthetic and technology stack but fails to articulate concrete actions or provide explicit trigger conditions. It reads more like a category label than actionable guidance for skill selection. The absence of a 'Use when...' clause significantly limits Claude's ability to know when to apply this skill.

Suggestions

Add a 'Use when...' clause with explicit triggers like 'Use when the user asks for glassmorphism effects, GSAP animations, 3D transforms, floating UI elements, or modern interactive interfaces'

Replace abstract terms like 'spatial' and 'weightless' with concrete actions such as 'create smooth scroll animations', 'build floating card layouts', 'implement glass-blur effects'

Include natural user phrases like 'animation', 'hover effects', 'parallax', 'blur background', 'modern UI' that users would actually say when requesting this type of work

Dimension	Reasoning	Score
Specificity	Names the domain (UI/UX engineering) and mentions specific technologies (GSAP, 3D CSS) and design styles (glassmorphism), but lacks concrete actions like 'create animations', 'build hover effects', or 'implement parallax scrolling'.	2 / 3
Completeness	Describes what the skill is about but completely lacks a 'Use when...' clause or any explicit trigger guidance for when Claude should select this skill.	1 / 3
Trigger Term Quality	Includes some relevant technical terms (GSAP, glassmorphism, 3D CSS) but misses common user phrases like 'animation', 'hover effects', 'smooth transitions', 'glass effect', or 'interactive website'.	2 / 3
Distinctiveness Conflict Risk	The combination of GSAP, glassmorphism, and 3D CSS provides some distinctiveness, but 'UI/UX engineering' and 'web interfaces' are broad enough to potentially overlap with general frontend or CSS skills.	2 / 3
	Total	7 / 12 Passed

Implementation

37%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This skill provides a good conceptual foundation for 'Antigravity Design' with specific CSS values and clear principles, but falls short on actionability by lacking executable code examples. The absence of any workflow guidance for actually implementing these designs and no validation steps for performance or accessibility testing significantly limits its practical utility.

Suggestions

Add executable code examples: include a complete React component with GSAP ScrollTrigger animation that demonstrates the floating card effect

Define a workflow for building antigravity UIs: e.g., 1) Set up perspective container, 2) Create floating card component, 3) Add GSAP animations, 4) Test with prefers-reduced-motion, 5) Validate performance with DevTools

Include a validation checklist: how to verify animations are GPU-accelerated, how to test reduced-motion compliance, performance benchmarks to target

Remove the role-play framing ('You are a world-class...') and emoji headers to improve token efficiency

Dimension	Reasoning	Score
Conciseness	The content is reasonably efficient but includes some unnecessary framing ('You are a world-class UI/UX Engineer') and emoji decorations that don't add value. The principles and rules sections are fairly lean but could be tighter.	2 / 3
Actionability	Provides specific CSS values and property names (e.g., exact box-shadow values, transform syntax) which is helpful, but lacks executable code examples. No copy-paste ready React components or GSAP implementations are provided despite being a code-focused skill.	2 / 3
Workflow Clarity	No workflow or sequence is defined. The skill describes principles and constraints but doesn't explain how to actually build an antigravity UI step-by-step. No validation checkpoints for ensuring animations work correctly or performance is acceptable.	1 / 3
Progressive Disclosure	Content is organized into clear sections with headers, but everything is in one file with no references to external resources for deeper topics like GSAP ScrollTrigger setup, R3F integration, or complete component examples that would benefit from separate files.	2 / 3
	Total	7 / 12 Passed

Validation

90%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 10 / 11 Passed

Validation for skill structure

Criteria	Description	Result
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	10 / 11 Passed

Repository: sickn33/antigravity-awesome-skills
Commit: 2e12db8

Reviewed: about 5 hours ago

Table of Contents

Discovery Implementation Validation

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.