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

85%

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

83%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 efficient, highly actionable reference skill with executable recipes and compact API guidance. Its only real weakness is workflow clarity: it functions as a pattern catalog rather than a sequenced process with explicit validation checkpoints.

Suggestions

Add a short numbered workflow for the "debug" use case (reproduce → isolate trigger/overflow cause → apply fix → re-run ScrollTrigger.refresh() to verify), with an explicit verify step.

For scroll-driven builds, include a brief checklist (register plugin → set trigger with height → pin/scrub → call ScrollTrigger.refresh() after assets load) so the sequence and its validation checkpoint are explicit.

Consider moving the full ScrollTrigger config options and stagger object reference into a references file and linking to it, which would tighten the overview and lift progressive disclosure toward 5.

Dimension	Reasoning	Score
Conciseness	The body is lean, jumps straight into API signatures and recipes, and avoids explaining what GSAP or basic animation concepts are; every section earns its tokens.	5 / 5
Actionability	Three copy-paste-ready recipes (staggered hero, sequenced timeline, scroll-scrub pinned section) plus concrete API signatures and pitfall fixes give fully executable guidance covering common cases.	5 / 5
Workflow Clarity	Content is well-organized and the pitfalls section offers symptom→fix diagnostic guidance, but there is no explicitly sequenced multi-step workflow with validation checkpoints; the recipes are one-shot patterns rather than ordered procedures.	3 / 5
Progressive Disclosure	A single self-contained file (no bundle files exist) with clear section headers and easy navigation; content is appropriately placed inline for this scope, though it is a flat overview rather than an overview pointing to one-level-deep references.	4 / 5
	Total	17 / 20 Passed

Description

87%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, well-scoped description that clearly states capabilities and an explicit "Use when" trigger tied to a specific library. Minor synonym coverage gaps keep trigger term quality and specificity just below full marks.

Dimension	Reasoning	Score
Specificity	The description names concrete capabilities ("add or debug professional web animations with GSAP", with timelines, ScrollTrigger, stagger, transforms, smooth motion, performance, common pitfalls), giving several specific actions with only minor gaps in verb coverage.	4 / 5
Completeness	It explicitly answers both what (add/debug web animations with GSAP, including motion/performance/pitfall patterns) and when ("Use when you need to add or debug professional web animations with GSAP...") with concrete trigger phrasing.	5 / 5
Trigger Term Quality	It includes natural user terms like "web animations", "GSAP", "ScrollTrigger", "transforms", and "HTML/CSS/JS/React", but omits common synonyms such as "GreenSock", "transitions", or "micro-interactions".	4 / 5
Distinctiveness Conflict Risk	The GSAP-specific niche (timelines, ScrollTrigger, stagger) is clearly scoped with distinct triggers, making conflict with other animation skills minimal.	5 / 5
	Total	18 / 20 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: 321c769

Reviewed: 8 days 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.