CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

gsap-performance

Official GSAP skill for performance — prefer transforms, avoid layout thrashing, will-change, batching. Use when optimizing GSAP animations, reducing jank, or when the user asks about animation performance, FPS, or smooth 60fps.

Quality

85%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

The canonical home for this skill is gsap-performance in greensock/gsap-skills

SKILL.md
Quality
Evals
Security

Quality

Content

75%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 well-organized, actionable best-practices reference with executable examples and concrete do/don't guidance throughout. Its main weaknesses are the redundant 'Best practices' summary section, advisory guidance lacking concrete APIs (kill/pause off-screen animations), and absence of a diagnostic sequence for performance tuning.

Suggestions

Remove or merge the 'Best practices' section (lines 67-72) into the preceding sections — it restates the stagger, quickTo, will-change, and cleanup guidance already given, trimming redundant tokens.

Make the off-screen cleanup guidance concrete: name the APIs (e.g. gsap.killTweensOf(), tween.pause() paired with an IntersectionObserver or ScrollTrigger onEnter/onLeave) so 'pause or kill off-screen animations' is executable.

Add a short diagnostic sequence for optimization tasks — e.g. confirm jank in DevTools (FPS meter) → switch layout properties to transforms → reduce simultaneous tweens → re-measure — to give the guidance an actionable order.

DimensionReasoningScore

Conciseness

The body is largely lean with concrete, GSAP-specific guidance, but the 'Best practices' section (lines 67-72) restates stagger, quickTo, and cleanup guidance already covered above, and the 'Do Not' section partially overlaps as well. This is anchor 4's 'minor instances that could be trimmed' rather than anchor 5's every-token-earns-its-place, and not anchor 3 since there is no concept over-explanation or padding beyond the redundant summary sections.

4 / 5

Actionability

Concrete property lists (x, y, scaleX, rotation, opacity), an executable copy-paste quickTo example, a will-change CSS snippet, and named commands (ScrollTrigger.refresh(), stagger) give mostly executable guidance. It falls short of anchor 5 because some guidance stays advisory without the 'how' — 'Pause or kill off-screen or inactive animations' gives no API (e.g. gsap.killTweensOf) or detection method, and stagger usage is named but not shown.

4 / 5

Workflow Clarity

As a best-practices reference rather than a multi-step process, the content is well organized: a clear 'When to Use' entry point, topic sections, and consolidated do/don't lists, with no destructive or batch operations requiring validation. It does not reach 5 because there is no optimization sequence (e.g., measure/profile FPS first, then apply transforms, then re-measure) to guide an actual performance-tuning task.

4 / 5

Progressive Disclosure

The skill is self-contained with clear section headers and a one-level, well-signaled pointer to sibling skills ('for ScrollTrigger performance see gsap-scrolltrigger'). It sits at anchor 4 rather than 5 because the body exceeds 50 lines with the ScrollTrigger section duplicating scope a sibling skill already covers, and the 'Best practices'/'Do Not' sections restate inline content instead of tightening the structure.

4 / 5

Total

16

/

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 description that clearly and explicitly states both what the skill covers and when to use it, with natural trigger terms users would actually say. Minor room to broaden trigger synonyms (lag, stuttering, dropped frames) and to mention more of the skill's specific techniques.

DimensionReasoningScore

Specificity

Lists several concrete items — 'prefer transforms, avoid layout thrashing, will-change, batching' — which is more than the 1-2 items of anchor 3 but falls short of anchor 5's comprehensive coverage (no mention of stagger, quickTo, or cleanup).

4 / 5

Completeness

Explicitly answers both 'what' (prefer transforms, avoid layout thrashing, will-change, batching) and 'when' with a concrete 'Use when...' clause naming multiple trigger scenarios, matching the anchor 5 example structure exactly. Not 4, since the 'when' clause is explicit and specific rather than needing more detail.

5 / 5

Trigger Term Quality

Natural user phrasing is well covered — 'optimizing GSAP animations', 'reducing jank', 'animation performance', 'FPS', 'smooth 60fps' — but common variations like 'lag', 'stuttering', or 'dropped frames' are missing, matching anchor 4 rather than anchor 5's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

Clear niche — GSAP-specific performance with explicit 'optimizing GSAP animations' triggers — minimal overlap risk with sibling skills (gsap-core, gsap-timeline, gsap-scrolltrigger) or generic web-performance skills.

5 / 5

Total

18

/

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

calesthio/OpenMontage

Path

.agents/skills/gsap-performance/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.