CtrlK
BlogDocsLog inGet started
Tessl Logo

cinematic-gsap-lenis-motion-system

Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis. Use for luxury editorial websites, creative studio portfolios, Awwwards-style interactions, smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement.

72

Quality

89%

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

78%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, well-structured motion system with extensive executable code and useful taste/performance guidance. Its main weakness is monolithic structure: all content is inlined in one large file with no progressive disclosure into separate reference files.

Suggestions

Split the larger implementation blocks (e.g., text reveals, pinned scenes, cursor/mouse-parallax) into referenced files under references/ and keep SKILL.md as an overview with quick-start plus links.

Add a brief validate-fix-retry note in the QA Checklist for ScrollTrigger.refresh() after layout/font shifts so feedback loops are explicit.

Trim the prose in 'Motion Taste' and 'Choreography Rules' to bullet essentials to tighten token efficiency.

DimensionReasoningScore

Conciseness

Dense and largely assumes Claude's competence (no basic GSAP/Lenis primers), with every section earning its place via executable code; a few prose passages around 'Motion Taste' and 'Choreography Rules' could be trimmed slightly.

4 / 5

Actionability

Provides fully executable, copy-paste-ready functions (splitWords, initTextReveals, revealPresets, initParallax, initMagnetic, initCursor, etc.) covering the common cases with specific token values and markup.

5 / 5

Workflow Clarity

A clear 'Init Order' sequence plus a 'QA Checklist' of verification checkpoints and 'Performance Rules'; lacks an explicit validate-fix-retry feedback loop, though the operations are non-destructive so the destructive cap does not apply.

4 / 5

Progressive Disclosure

Well-organized with clear section headers, but it is a ~610-line monolithic file with no bundle files or one-level-deep references; several large code blocks could be split into referenced files to aid navigation.

3 / 5

Total

16

/

20

Passed

Description

100%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, third-person description that concisely states what the skill builds and gives rich natural trigger phrases for when to use it. It is specific, distinctive, and complete with no padding.

DimensionReasoningScore

Specificity

Lists multiple specific concrete capabilities — 'smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement' — giving comprehensive coverage of the motion domain.

5 / 5

Completeness

Explicitly answers both what ('Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis') and when ('Use for luxury editorial websites...') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Comprehensive natural terms users say — 'luxury editorial websites, creative studio portfolios, Awwwards-style interactions' — plus tool names (GSAP, ScrollTrigger, Lenis) and motion synonyms; not merely technical jargon.

5 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (cinematic GSAP/Lenis motion) with distinct, specific triggers unlikely to fire for unrelated skills.

5 / 5

Total

20

/

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (618 lines); consider splitting into references/ and linking

Warning

Total

15

/

16

Passed

Repository
MengTo/Skills
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.