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?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./plugins/AI-Agents-Safe-Coding-Skills/skills/antigravity-design-expert/SKILL.md

The canonical home for this skill is antigravity-design-expert in sickn33/agentic-awesome-skills

Quality

Content

37%Scale 1-3

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

This skill reads more like a design manifesto or persona prompt than an actionable technical skill. It establishes a clear aesthetic vision with some useful specific CSS values, but lacks executable code examples, step-by-step workflows, and validation steps. The role-play framing and explanations of well-known concepts waste tokens that could be spent on concrete component templates or GSAP setup code.

Suggestions

Replace the role overview with a concise one-liner and add complete, executable code examples—e.g., a full GSAP ScrollTrigger floating card component in React with Tailwind.

Add a step-by-step workflow for building an antigravity UI component, including validation checkpoints like testing prefers-reduced-motion and checking animation performance with DevTools.

Extract detailed animation patterns and component templates into separate reference files (e.g., ANIMATIONS.md, COMPONENTS.md) and link to them from the main skill.

Remove explanations of concepts Claude already knows (what glassmorphism is, what parallax means) and replace with specific implementation patterns and gotchas.

Dimension	Reasoning	Score
Conciseness	The role overview section is unnecessary fluff ('You are a world-class UI/UX Engineer...'), and some design principles explain concepts Claude already knows (what glassmorphism is, what parallax means). However, the CSS snippets and specific values (shadow values, transform angles, timing) add genuine signal.	2 / 3
Actionability	Provides specific CSS values and property names (e.g., exact box-shadow, transform values, backdrop-filter settings) which is useful, but lacks complete executable code examples. No copy-paste ready React components, GSAP ScrollTrigger setup code, or complete animation implementations are provided—it reads more like a style guide than executable guidance.	2 / 3
Workflow Clarity	There is no sequenced workflow for building these interfaces. The skill lists principles and rules but never describes a step-by-step process for creating an antigravity UI component, nor does it include any validation checkpoints (e.g., testing reduced-motion, verifying GPU offloading, checking animation performance).	1 / 3
Progressive Disclosure	The content is organized into clear sections with emoji headers, which aids scanning. However, it's a monolithic file with no references to external resources, example files, or deeper documentation. For a skill of this complexity (GSAP, R3F, 3D CSS, glassmorphism), separate reference files for animation patterns or component examples would be appropriate.	2 / 3
	Total	7 / 12 Passed

Description

32%Scale 1-3

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 visual design niche (glassmorphism with GSAP/3D CSS) but fails to list concrete actions the skill performs and completely omits a 'Use when...' clause. The language leans toward design jargon ('spatial', 'weightless') rather than terms users would naturally use when requesting help, reducing its effectiveness as a skill selector.

Suggestions

Add an explicit 'Use when...' clause, e.g., 'Use when the user asks for glassmorphism effects, GSAP animations, frosted glass UI, 3D transforms, or motion-rich web interfaces.'

Replace abstract adjectives like 'spatial' and 'weightless' with concrete actions such as 'Creates glass-effect cards, animates page transitions with GSAP, builds 3D hover effects, implements frosted-glass overlays.'

Include common user-facing trigger terms like 'animation', 'glass effect', 'blur background', 'parallax', 'motion design', and file/framework references like '.html', 'CSS transforms'.

Dimension	Reasoning	Score
Specificity	Names the domain (UI/UX engineering) and some characteristics (interactive, spatial, weightless, glassmorphism-based web interfaces) with technologies (GSAP, 3D CSS), but doesn't list concrete actions like 'create animations', 'build glass-effect cards', or 'implement parallax scrolling'.	2 / 3
Completeness	Describes what the skill covers at a high level but completely lacks any 'Use when...' clause or explicit trigger guidance, which per the rubric should cap completeness at 2 — and since the 'what' is also somewhat vague (no concrete actions listed), this falls to a 1.	1 / 3
Trigger Term Quality	Includes some relevant keywords like 'glassmorphism', 'GSAP', '3D CSS', and 'web interfaces', but misses common user terms like 'animation', 'glass effect', 'frosted glass', 'blur', 'transparency', 'parallax', or 'motion design'. Terms like 'spatial' and 'weightless' are more design-jargon than natural user language.	2 / 3
Distinctiveness Conflict Risk	The combination of glassmorphism, GSAP, and 3D CSS creates a somewhat distinctive niche, but the broad framing as 'Core UI/UX engineering skill' could overlap with general frontend or CSS skills. Without explicit trigger boundaries, there's moderate conflict risk with other web design skills.	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: administrakt0r/AI-Agents-Safe-Coding-Skills
Path: plugins/AI-Agents-Safe-Coding-Skills/skills/antigravity-design-expert/SKILL.md
Commit: 7520423

Reviewed: ~17 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.