CtrlK
BlogDocsLog inGet started
Tessl Logo

cinematic-scroll-storytelling

Create cinematic scroll-driven landing pages with Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax backgrounds, scroll-scrubbed transitions, footer reveals, and immersive preloaders. Use when analyzing or building premium editorial scroll experiences, sticky project stacks, kinetic typography, or section-by-section storytelling.

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

82%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 dense, executable skill body with copy-paste code, specific motion tokens, a clear build order, and a QA checklist. Conciseness and workflow could be tightened, and some inlined code could be split into reference files.

Suggestions

Tighten the one-line orienting sentences (e.g., 'Use a preloader to set the cinematic tone...') or fold them into section headers to lift conciseness toward 5.

Weave an explicit validate→fix→retry step into the Build Order (e.g., after adding scroll-linked scenes, verify ScrollTrigger.refresh() resolves pin jumps before proceeding) to push workflow clarity higher.

Move the longer JS/CSS implementation blocks into scripts/ or references/ files and link them one level deep, so SKILL.md stays an overview and progressive disclosure reaches 5.

DimensionReasoningScore

Conciseness

Mostly lean with executable code and tight imperative headers, avoiding explanations of GSAP/Lenis; a few short orienting sentences could be trimmed, matching the score-4 anchor.

4 / 5

Actionability

Fully executable, copy-paste-ready code across preloader, split-text, section reveals, progression, sticky stack, parallax, and footer, with specific motion tokens, matching the score-5 anchor.

5 / 5

Workflow Clarity

A clear 9-step Build Order plus a QA checklist provides most checkpoints, but no tight validate→fix→retry loop is woven into the sequence, matching the score-4 anchor.

4 / 5

Progressive Disclosure

Well-organized with clear section headers and self-contained, but substantial inlined implementation code that could live in reference scripts keeps it just below a 5.

4 / 5

Total

17

/

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, specific description with concrete actions, natural trigger terms, and explicit what/when guidance. Minor overlap risk with general animation skills prevents a perfect distinctiveness score.

DimensionReasoningScore

Specificity

Lists many concrete actions (Lenis smooth scrolling, GSAP ScrollTrigger, scroll-linked progression, staggered text reveals, sticky card stacks, parallax, scroll-scrubbed transitions, footer reveals, preloaders), giving comprehensive coverage matching the score-5 anchor.

5 / 5

Completeness

Explicitly states both what it does (create cinematic scroll landing pages with the listed effects) and when to use it ('Use when analyzing or building premium editorial scroll experiences...'), matching the score-5 anchor.

5 / 5

Trigger Term Quality

Rich natural-language vocabulary users would actually say — scroll-driven, parallax, sticky card stacks, preloader, kinetic typography, section-by-section storytelling — with synonyms, matching comprehensive coverage.

5 / 5

Distinctiveness Conflict Risk

Clear niche with distinct cinematic-scroll triggers and minimal conflict risk, but slight overlap with generic web-animation or landing-page skills keeps it just below a 5.

4 / 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
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.