CtrlK
BlogDocsLog inGet started
Tessl Logo

gsap

Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms) in HTML/CSS/JS/React. Includes patterns for smooth motion, performance, and common pitfalls.

71

Quality

86%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

SKILL.md
Quality
Evals
Security

Quality

Content

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

An excellent, token-efficient reference skill: real API signatures, copy-paste recipes, and pitfall→fix pairs with no padding. It is a self-contained recipe/reference skill rather than a multi-step workflow, and its only structural question is whether the API concepts section should be split out as the skill grows.

DimensionReasoningScore

Conciseness

The body is lean and dense — terse bullet API lists ("gsap.to(targets, vars)", "stagger: 0.05 or { each, from: 'start|center|end|random', grid }"), pitfalls stated as problem→fix pairs, and three short recipes — with zero background on what GSAP is, assuming Claude's competence throughout.

5 / 5

Actionability

All three recipes are copy-paste executable (e.g., the hero entrance gsap.from with y, autoAlpha, duration, ease, stagger values) and the API entries are real signatures rather than pseudocode, covering the common entrance, sequence, and scroll-scrub cases.

5 / 5

Workflow Clarity

"When to use" → recipes → "Common pitfalls (and fixes)" gives an unambiguous path and the pitfalls act as debug guidance (e.g., ScrollTrigger not firing → check trigger sizing/scroll container), but there is no explicit sequencing or validation checkpoint for a debug workflow, so it sits between the simple-skill 5 and anchor 4.

4 / 5

Progressive Disclosure

The single file is well organized into clearly signaled sections with no nested or buried references, and no bundle files exist to misplace; however, at ~78 body lines with a full API list inlined, it slightly exceeds the 'under 50 lines, well-organized sections' bar for a 5.

4 / 5

Total

18

/

20

Passed

Description

82%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 strong, concrete description with an explicit 'Use when' trigger clause, specific named capabilities, and a distinct GSAP niche. Its only weaknesses are the second-person voice (which costs specificity under these guidelines) and missing natural synonyms like 'motion' or 'easing'.

Suggestions

Rewrite in third person (e.g., "Use when the user needs to add or debug professional GSAP web animations…") to avoid the second-person specificity penalty.

Add common synonyms users naturally say, such as "motion", "easing", or "GreenSock", to broaden trigger-term coverage.

DimensionReasoningScore

Specificity

"add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms)" lists several concrete actions matching the anchor-4 level, but the second-person phrasing "Use when you need to add or debug" incurs the rubric's 1-point specificity penalty, dropping it to the anchor-3 range.

3 / 5

Completeness

It explicitly answers both: "Use when you need to add or debug professional web animations with GSAP (timelines, ScrollTrigger, stagger, transforms)" gives a concrete when-with-triggers, and "Includes patterns for smooth motion, performance, and common pitfalls" plus "add or debug" gives a clear what — matching the anchor-5 example's structure.

5 / 5

Trigger Term Quality

Good natural keyword coverage — "GSAP", "ScrollTrigger", "stagger", "transforms", "web animations", "HTML/CSS/JS/React" — but common synonyms users would say ("motion", "easing", "GreenSock", "fade in") are missing, so it falls just short of comprehensive.

4 / 5

Distinctiveness Conflict Risk

Naming GSAP, ScrollTrigger, and stagger carves out a clear niche with distinct triggers and minimal overlap with generic CSS-animation or UI skills.

5 / 5

Total

17

/

20

Passed

Validation

100%

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

Validation — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
MengTo/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.