CtrlK
BlogDocsLog inGet started
Tessl Logo

antigravity-design-expert

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

76

1.50x
Quality

67%

Does it follow best practices?

Impact

92%

1.50x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./skills/antigravity-design-expert/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

68%Weight 40%Scale 1-5

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

The body is well-structured and actionable, leaning on concrete CSS values and clear design rules without over-explaining known concepts. Its main weakness is the absence of a sequenced build workflow with validation checkpoints, which limits workflow clarity.

Suggestions

Add a short ordered build workflow (e.g., 1. scaffold layout, 2. apply 3D/glass styles, 3. wire GSAP motion, 4. verify prefers-reduced-motion fallback) with an explicit validation checkpoint.

Trim the "Role Overview" paragraph, which restates the "When to Use" intent and adds little actionable signal.

Include one complete, copy-paste-ready component example (e.g., a floating glass card with its GSAP entrance) to close the actionability gap to a 5.

DimensionReasoningScore

Conciseness

The body is mostly efficient, providing concrete values (box-shadow, backdrop-filter, transform, timings) without explaining what GSAP/Tailwind/React are; minor fluff in the "Role Overview" paragraph ("You are a world-class UI/UX Engineer...") keeps it just below a 5.

4 / 5

Actionability

Concrete, copy-paste-ready CSS values are given throughout (e.g. `box-shadow: 0 20px 40px rgba(0,0,0,0.05)`, `backdrop-filter: blur(12px)`, `transform: rotateX(60deg) rotateZ(-45deg)`, stagger `0.1s`), but no complete executable component example is provided, leaving a minor gap.

4 / 5

Workflow Clarity

The content is organized into clear topical sections but presents design principles and rules rather than a sequenced multi-step workflow with validation checkpoints, fitting the "sequence present but checkpoints missing or implicit" anchor.

3 / 5

Progressive Disclosure

The skill is self-contained with no bundle files present and is organized under clear section headers; at roughly 55 lines it sits just over the under-50-line threshold that would justify a 5, so it lands at good-structure-with-minor-gaps.

4 / 5

Total

15

/

20

Passed

Description

66%Weight 40%Scale 1-5

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 is specific and distinct, naming concrete technologies and a clear design niche, but it omits any explicit "Use when..." trigger guidance, which caps its completeness. Adding a trigger clause would raise the strongest dimension.

Suggestions

Append an explicit trigger clause, e.g. "Use when building dashboards, landing pages, or immersive product surfaces that need glassmorphism, GSAP scroll animation, or 3D CSS transforms."

Add natural user synonyms currently absent from the body ("dashboard", "landing page", "scroll animation", "parallax") to the description.

Consider listing 2-3 distinct concrete actions ("build", "animate", "style") rather than relying on the single verb "building".

DimensionReasoningScore

Specificity

Enumerates several concrete capabilities and technologies ("GSAP and 3D CSS", "glassmorphism-based web interfaces", "spatial, weightless"), placing it above the 1-2-action anchor of 3, though the single verb "building" keeps it just short of comprehensive multi-action coverage.

4 / 5

Completeness

The "what" is clearly stated ("Core UI/UX engineering skill for building ... web interfaces using GSAP and 3D CSS"), but there is no "Use when..." clause or equivalent explicit trigger guidance, so completeness is capped at 3 per the rubric guideline.

3 / 5

Trigger Term Quality

Natural terms a user would say are present ("glassmorphism", "GSAP", "3D CSS", "highly interactive web interfaces"), but common variations like "dashboard", "landing page", or "scroll animation" are missing, fitting the good-but-incomplete anchor.

4 / 5

Distinctiveness Conflict Risk

The glassmorphism/GSAP/3D-CSS/spatial niche is clearly distinct from generic UI skills with minimal conflict risk, though the opening "UI/UX engineering skill for building web interfaces" phrasing leaves minor overlap with broad web-UI skills.

4 / 5

Total

15

/

20

Passed

Validation

93%

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

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository
sickn33/antigravity-awesome-skills
Reviewed

Table of Contents

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.