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.

Quality

96%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Quality

Content

92%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A highly actionable, concise code skill with a clear init sequence and QA validation checklist. Its only weakness is progressive disclosure: it is a single large file with no bundle references, where some recipe sections could be split out.

Suggestions

Move the longer recipe sections (e.g., Pinned Scroll Scenes, Hover/Cursor/Layer recipes) into reference files under references/ and link to them one level deep from SKILL.md to reduce the monolithic body.

Consider extracting the Base Tokens table and Choreography/Performance rules into a references/tokens-and-rules.md so the main body stays a concise overview.

Dimension	Reasoning	Score
Conciseness	Lean and efficient: it assumes Claude knows GSAP/Lenis, never explains what the libraries are, and every section delivers token-tuned values or executable code with minimal prose ('Eases: power3.out', 'scrub: 0.8 to 1.4').	3 / 3
Actionability	Fully executable, copy-paste-ready code throughout — Setup initialization, splitWords/splitLines, revealPresets map, parallax/pin timelines, quickTo magnetic hover, plus a concrete Init Order sequence. Specific numeric tokens make recipes directly applicable.	3 / 3
Workflow Clarity	Clear sequence via the 'Init Order' section listing all init functions in order with a final ScrollTrigger.refresh(), plus a 'QA Checklist' providing explicit verification checkpoints (JS-disabled visibility, reduced-motion, touch-disabled interactions, no animated layout properties).	3 / 3
Progressive Disclosure	Well-organized with clear section headers and a helpful 'Use When' overview, but the ~610-line skill is monolithic — no references/, scripts/, or assets/ bundle files exist, so detailed recipe sections that could live in separate one-level-deep files are all inline. Not a level-3 split-across-files structure; not a level-1 wall of text either.	2 / 3
	Total	11 / 12 Passed

Description

100%

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: concrete capabilities, natural trigger terms, explicit what-and-when guidance, and a distinct niche. Written in third-person imperative voice with no fluff.

Dimension	Reasoning	Score
Specificity	Lists many concrete effects and actions — 'smooth scroll reveals, staggered text, parallax, pinned sections, magnetic hover states, custom cursors, and mouse-reactive layered movement' — naming the stack (GSAP, ScrollTrigger, Lenis) and specific motion behaviors rather than vague language.	3 / 3
Completeness	Explicitly answers both what ('Create premium cinematic web motion systems with GSAP, ScrollTrigger, and Lenis') and when ('Use for luxury editorial websites...'), with an explicit 'Use for' trigger clause.	3 / 3
Trigger Term Quality	Includes natural phrases a user would actually say — 'luxury editorial websites,' 'creative studio portfolios,' 'Awwwards-style interactions,' 'smooth scroll reveals,' 'parallax,' 'custom cursors' — with good coverage of recognizable variations.	3 / 3
Distinctiveness Conflict Risk	A clearly defined niche — premium cinematic motion for luxury editorial / Awwwards-style sites using GSAP + Lenis — with distinct triggers unlikely to fire for unrelated skills.	3 / 3
	Total	12 / 12 Passed

Validation

93%

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 — 15 / 16 Passed

Validation for skill structure

Criteria	Description	Result
skill_md_line_count	SKILL.md is long (618 lines); consider splitting into references/ and linking	Warning

	Total	15 / 16 Passed

Repository: MengTo/Skills
Path: agent-skills/web-design/cinematic-gsap-lenis-motion-system/SKILL.md
Commit: 46abf78

Reviewed: about 6 hours 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.