CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

gsap-timeline

Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback. Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order (in GSAP or when recommending a library that supports timelines).

77

Quality

97%

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

SKILL.md
Quality
Evals
Security

Quality

Content

100%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 lean, fully executable reference for GSAP timelines: every section is either runnable code or a terse GSAP-specific spec, ordered from creation through positioning to playback control, with best-practice and anti-pattern checklists. Nothing is padded and nothing Claude already knows is re-explained.

DimensionReasoningScore

Conciseness

Lean throughout — sections open directly with executable code or terse GSAP-specific spec bullets ("Absolute: `1` — start at 1 second", "`<` — start when recently-added animation starts"); there is no generic GSAP introduction, no library-philosophy padding, and no re-explanation of concepts Claude already knows, so every token earns its place.

5 / 5

Actionability

All examples are fully executable, copy-paste-ready GSAP code covering the common cases — timeline creation, position parameters ("+=0.5", "<", "labelName+=0.3"), constructor defaults, addLabel, nesting, and playback methods — plus concrete ✅/❌ do-and-don't guidance rather than vague direction.

5 / 5

Workflow Clarity

A single-purpose reference skill with no multi-step process and no destructive or batch operations (so no validation cap applies); the single action — constructing a sequenced timeline — is unambiguous, organized in logical progression (create → place → defaults → labels → nest → control), and reinforced by best-practice and anti-pattern checklists, meeting the rubric's simple-skill condition for a 5.

5 / 5

Progressive Disclosure

A self-contained single-file skill (~104 lines) with clear section headers, no buried or dangling file references, and well-signaled navigation via the "Related skills" pointers (gsap-core, gsap-scrolltrigger, gsap-react); at this size no external split is needed, and the organization makes navigation easy.

5 / 5

Total

20

/

20

Passed

Description

96%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 explicitly states both what the skill does and when to use it, pairing concrete API names with natural, synonym-rich trigger phrases in third-person voice. The only weakness is minor overlap risk with closely related GSAP sibling skills on broad sequencing terms.

DimensionReasoningScore

Specificity

Names the domain and multiple concrete capabilities — "gsap.timeline(), position parameter, nesting, playback" — matching the anchor for multiple specific concrete actions with comprehensive coverage; only trivial omissions (labels, defaults) keep it from being distinguishable from the anchor-5 example, which itself lists four actions.

5 / 5

Completeness

Explicitly answers both what ("Official GSAP skill for timelines — gsap.timeline(), position parameter, nesting, playback") and when ("Use when sequencing animations, choreographing keyframes, or when the user asks about animation sequencing, timelines, or animation order") with concrete trigger phrases — an exact anchor-5 match.

5 / 5

Trigger Term Quality

Natural user phrasing is comprehensively covered with synonyms — "sequencing animations", "choreographing keyframes", "animation sequencing", "timelines", "animation order" — mirroring the anchor-5 example's synonym coverage; no common variation a user would say is missing.

5 / 5

Distinctiveness Conflict Risk

Clear niche (GSAP timeline sequencing) with specific API names, but broad phrases like "animation sequencing" and the explicit "(in GSAP or when recommending a library that supports timelines)" invite triggering outside the core niche and create minor overlap with closely related sibling skills (gsap-core for general animation questions, gsap-scrolltrigger for timelines) — anchor 4 ("mostly distinct; minor overlap risk with closely related skills") fits better than anchor 5's "minimal conflict risk".

4 / 5

Total

19

/

20

Passed

Validation

93%

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

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

Warning

Total

15

/

16

Passed

Repository

nexu-io/open-design

Path

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