CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

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.57x
Quality

66%

Does it follow best practices?

Impact

90%

1.57x

1 of 3 eval scenarios. Add 2 more for a full score.

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

57%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.

A compact, well-sectioned rulebook with genuinely specific CSS/animation values, but it reads as a style guide rather than an executable skill: no code examples, no build sequence, and an Example section that quotes a user request without any answer. Persona fluff and a duplicated When-to-Use section waste tokens.

Suggestions

Fix the Example section: either replace it with a real worked example (request → component code demonstrating floating cards, stagger, and reduced-motion guard) or delete it — a quoted request with no response wastes tokens and demonstrates nothing.

Add minimal executable snippets for the highest-value patterns: a GSAP ScrollTrigger entrance with stagger, and a `prefers-reduced-motion` / `gsap.matchMedia()` guard, so the motion rules are copy-paste actionable.

Delete the Role Overview persona paragraph and fold the When-to-Use bullets into a single line, since the frontmatter description already covers both; use the reclaimed tokens for the missing motion code.

DimensionReasoningScore

Conciseness

Mostly efficient, with genuinely lean concrete rules (specific box-shadow, blur, and transform values), but several sections pad without informing: the Role Overview ("You are a world-class UI/UX Engineer... You excel at...") is persona fluff, "When to Use" repeats the description almost verbatim, and the Example section spends lines quoting a request while giving nothing else. This is more than the 'minor instances' of the 4 anchor, but not the pervasive padding of the 2 anchor.

3 / 5

Actionability

There is real concrete guidance (e.g., `backdrop-filter: blur(12px)`, `transform: rotateX(60deg) rotateZ(-45deg)`, stagger by `0.1s`, `prefers-reduced-motion`), but key executable details are missing: no GSAP/ScrollTrigger setup code, no reduced-motion implementation pattern (e.g., gsap.matchMedia), no component example. The "Example" section is especially weak — it states a user request with no response or code at all, so the skill's single demonstration is not executable. This lands on 'some concrete guidance but incomplete' rather than the mostly-executable 4 anchor.

3 / 5

Workflow Clarity

The guidance is organized as topical rules (stack → principles → motion → constraints) but never sequences them into a build process, and there are no validation checkpoints (e.g., how to verify motion performance or reduced-motion behavior). The Example section is incoherent as a workflow demonstration: it quotes a request and stops. Not a 2 because the rules themselves are individually clear and a rough implicit order is discernible; not a 4 because no explicit sequence or checkpoints exist.

3 / 5

Progressive Disclosure

The body is roughly 50 lines with no bundle files (no references/, scripts/, or assets/ exist) and no content that clearly belongs in a separate file. Per the rubric's simple-skill guidance, a skill under 50 lines with no need for external references scores 5 with well-organized sections — and the sections here (When to Use, Tech Stack, Design Principles, Motion Rules, Execution Constraints, Limitations) are clearly headed and easy to navigate.

5 / 5

Total

14

/

20

Passed

Description

61%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.

A clear, third-person statement of what the skill builds, with strong distinct technology keywords (GSAP, glassmorphism, 3D CSS). Its main weaknesses are a single generic action verb ("building") and the complete absence of any 'Use when...' trigger guidance, which caps completeness.

Suggestions

Add an explicit trigger clause, e.g. "Use when the user asks for glassmorphism, spatial/3D layouts, GSAP animations, parallax scrolling, or motion-heavy landing pages and dashboards."

Replace adjective-heavy phrasing with concrete capability verbs (e.g., "builds floating card grids, isometric dashboard layouts, glass-morphism panels, and scroll-linked entrance/parallax animations").

Include natural synonyms users would say ("motion design", "parallax", "hero section", "landing page") so the description matches real request phrasing.

DimensionReasoningScore

Specificity

The description names the domain ("UI/UX engineering") and the artifacts ("highly interactive, spatial, weightless, and glassmorphism-based web interfaces") plus technologies ("GSAP and 3D CSS"), but the only action verb is "building" — it describes what kind of interfaces rather than listing several concrete actions, matching the 'domain and 1-2 concrete actions, but not comprehensive' anchor. A score of 4 would require multiple distinct listed actions, which is not present.

3 / 5

Completeness

The "what" is clear (builds glassmorphism/spatial web interfaces using GSAP and 3D CSS), but there is no "Use when..." clause or equivalent explicit trigger guidance anywhere in the description, which per the judging guidelines caps completeness at 3. Score 4 would require at least a weakly explicit 'when', which is absent.

3 / 5

Trigger Term Quality

Includes several terms a user would naturally say when needing this skill — "glassmorphism", "GSAP", "3D CSS", "highly interactive ... web interfaces" — giving good keyword coverage. It falls short of the comprehensive anchor (5) because common variations like "motion design", "animation", "parallax", "landing page", or "dashboard" are missing, and "spatial"/"weightless" are branding vocabulary users are less likely to say.

4 / 5

Distinctiveness Conflict Risk

The niche — glassmorphism web interfaces built with GSAP and 3D CSS — is mostly distinct with specific technology anchors, so it is unlikely to fire for unrelated skills. It is not a 5 because "highly interactive web interfaces" broadly overlaps with general frontend/UI and design-system skills that could claim the same trigger.

4 / 5

Total

14

/

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.

Validation — 15 / 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/agentic-awesome-skills

Path

skills/antigravity-design-expert/SKILL.md

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.