CtrlK
BlogDocsLog inGet started
Tessl Logo

gsap

GSAP animation reference for HyperFrames. Covers gsap.to(), from(), fromTo(), easing, stagger, defaults, timelines (gsap.timeline(), position parameter, labels, nesting, playback), and performance (transforms, will-change, quickTo). Use when writing GSAP animations in HyperFrames compositions.

69

Quality

84%

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

76%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 highly actionable, dense GSAP reference with executable examples and one clearly signaled on-demand reference file. It is weakest on workflow clarity (no sequenced process or checkpoints) and has a minor progressive-disclosure gap from an unreferenced bundled script.

Suggestions

Add a short sequenced workflow for building a HyperFrames animation (pick targets -> construct a timeline with the position parameter and labels -> gate with gsap.matchMedia for prefers-reduced-motion -> kill tweens on cleanup) with an explicit verify/checkpoint step, so workflow_clarity reflects a real process rather than topical API listing.

Reference scripts/extract-audio-data.py from the body (e.g., alongside the effects.md reference line) so Claude knows when to invoke it, closing the unreferenced-bundle gap in progressive disclosure.

De-duplicate the 'Best Practices' and 'Do Not' sections against the earlier Performance/Transforms sections, keeping only net-new guidance to tighten conciseness.

DimensionReasoningScore

Conciseness

The body is dense with API specifics and assumes GSAP/JS competence without concept padding, but the 'Best Practices' and 'Do Not' sections partly restate guidance already covered in earlier sections and could be trimmed.

4 / 5

Actionability

Provides copy-paste-ready executable code for the common cases (tweens, matchMedia, timelines, position parameter, labels, nesting, quickTo) plus a concrete transform-alias table and explicit var values.

5 / 5

Workflow Clarity

The content is organized topically as an API reference rather than as a sequenced multi-step workflow, and there are no validation checkpoints or feedback loops; animation is not destructive so no cap applies, but the workflow features the rubric rewards are absent.

3 / 5

Progressive Disclosure

A single one-level-deep reference (references/effects.md) is clearly signaled under a 'References (loaded on demand)' heading with a use-case description, but the bundled scripts/extract-audio-data.py is never referenced from the body, a minor organization gap.

4 / 5

Total

16

/

20

Passed

Description

92%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, specific description that clearly scopes a GSAP animation reference for HyperFrames and gives an explicit use-when trigger. Its only gap is a lack of synonyms (motion/tween/animate/effects) that would round out trigger-term coverage.

DimensionReasoningScore

Specificity

Enumerates many specific concrete capabilities (gsap.to/from/fromTo, easing, stagger, defaults, timelines, position parameter, labels, nesting, playback, transforms, will-change, quickTo), giving comprehensive coverage of the API surface rather than vague language.

5 / 5

Completeness

Explicitly states what the skill covers and provides an explicit 'Use when writing GSAP animations in HyperFrames compositions' trigger, answering both what and when with concrete trigger phrases.

5 / 5

Trigger Term Quality

Includes natural phrases a user would say ('GSAP animation', 'HyperFrames', 'writing GSAP animations in HyperFrames compositions') but omits common synonyms such as 'motion', 'tween', 'animate', or 'effects'.

4 / 5

Distinctiveness Conflict Risk

Targets the clear niche of GSAP animation within HyperFrames with a specific trigger phrase, giving it minimal overlap risk with unrelated skills.

5 / 5

Total

19

/

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.

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
openai/plugins
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.