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.

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Low

Low-risk findings worth noting

Quality

Content

87%

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

A tight, actionable reference with executable recipes and good organization; its main gap is the absence of explicit validation/feedback checkpoints, though that is partly excused by the non-destructive nature of animation work.

Suggestions

Add a short validate/iterate step for ScrollTrigger setups (e.g. call ScrollTrigger.refresh() after load and verify trigger firing) to give the workflow an explicit feedback loop.

Consider splitting the 'Key concepts & APIs' reference into a separate REFERENCE.md if the file grows, keeping SKILL.md as an overview pointing one level deep.

Dimension	Reasoning	Score
Conciseness	The body is lean: compact API signatures, pitfalls as terse problem->fix lines, and three focused recipes, with no padding explaining what GSAP is or basic programming concepts Claude already knows; every token earns its place.	3 / 3
Actionability	It provides concrete, executable, copy-paste-ready code (hero stagger, sequenced timeline, pinned scroll-scrub) plus exact API signatures and stagger/ease syntax, with specific pitfall fixes rather than vague direction.	3 / 3
Workflow Clarity	Recipes are concrete single-purpose sequences and the 'What to ask the user' section acts as a requirements checkpoint, but there are no explicit validate->fix->retry feedback loops or sequenced multi-step guidance with checkpoints, which the rubric expects for a 3; not capped lower because animation work is non-destructive so the missing-validation cap does not apply.	2 / 3
Progressive Disclosure	No references/scripts/assets bundle exists, so all content is in a single well-organized file with clear sections (When to use, Key concepts, Common pitfalls, Quick recipes); there are no nested or deep references to penalize.	3 / 3
	Total	11 / 12 Passed

Description

90%

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, specific description with an explicit trigger and clear niche; its only weakness is the second-person 'you need' phrasing, which the rubric penalizes on specificity.

Suggestions

Rewrite in third person to avoid the specificity penalty, e.g. 'Use when adding or debugging professional web animations with GSAP...' (drop 'you need to').

Optionally add a few more colloquial trigger variants (e.g. 'scroll animations', 'page transitions', 'GSAP timeline') to broaden natural-term coverage.

Dimension	Reasoning	Score
Specificity	The description names multiple concrete capabilities ('timelines, ScrollTrigger, stagger, transforms' for 'add or debug professional web animations'), which would be a 3, but the second-person phrasing 'Use when you need to add or debug' triggers the rubric's -1 specificity penalty for non-third-person voice.	2 / 3
Completeness	It clearly answers both 'what' (add/debug animations with timelines, ScrollTrigger, stagger, transforms; patterns for motion, performance, pitfalls) and 'when' via the explicit 'Use when you need to add or debug professional web animations' clause.	3 / 3
Trigger Term Quality	It includes natural terms a user would say ('web animations', 'GSAP', 'HTML/CSS/JS/React') plus an explicit 'Use when you need to add or debug' trigger, giving good coverage of likely phrasings.	3 / 3
Distinctiveness Conflict Risk	Tying the skill specifically to GSAP with named features (ScrollTrigger, stagger, timelines) carves a clear niche that is unlikely to trigger for unrelated animation or styling skills.	3 / 3
	Total	11 / 12 Passed

Validation

100%

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 — 16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository: MengTo/Skills
Path: agent-skills/web-design/gsap/SKILL.md
Commit: 46abf78

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.