CtrlK
BlogDocsLog inGet started
Tessl Logo

scroll-scrubbed-visual-sequence

Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers. Use for hero transformations, product assembly, interface state walkthroughs, object rotation, diagrams, or photo sequences that must move forward and backward with native scrolling.

76

Quality

96%

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

92%

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

A tight, actionable body with executable code, a clear build sequence, and a verification checklist. The main weakness is progressive disclosure: the three referenced bundle files (demo/index.html, demo/PROMPT.md, REFERENCES.md) are not present, leaving dangling links.

Suggestions

Ship the referenced bundle files — demo/index.html, demo/PROMPT.md, and REFERENCES.md — so the body's links resolve instead of dangling.

If the bundle is intentionally omitted in some contexts, note in the body that those files are optional/supplemental so reviewers and Claude do not treat missing links as broken navigation.

Provide a small executable snippet for the dependency-free path (scroll/resize measurement + a single rAF render) rather than describing it abstractly, mirroring the completeness of the GSAP example.

DimensionReasoningScore

Conciseness

Lean and efficient throughout: it assumes Claude's competence, never explains what a scroll-scrub sequence is, and uses tight lists and short code blocks where every line carries information. Not a level below because there is no padding or redundant explanation.

3 / 3

Actionability

Provides copy-paste-ready code for the core paths — the `sequence` config object, the normalized `progress` formula, and a complete `ScrollTrigger.create` block — plus specific per-renderer directives. The dependency-free path is described rather than coded, but the bulk is fully executable.

3 / 3

Workflow Clarity

'Build the scroll stage' is a clearly numbered six-step sequence, and a dedicated 'Verify' section acts as an explicit validation checklist ('The same scroll position must always reproduce the same state') covering reverse scrolling, fast flicks, resize, reduced motion, and cleanup.

3 / 3

Progressive Disclosure

The body is well-organized and signals one-level-deep references to demo/index.html, demo/PROMPT.md, and REFERENCES.md, but none of those bundle files exist on disk, so the signaled navigation is broken and does not resolve.

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, third-person description that pairs concrete capabilities with an explicit 'Use for' trigger clause covering natural scenario terms. It is specific, complete, and distinct with no over-claims or padding.

DimensionReasoningScore

Specificity

Lists multiple concrete capabilities — 'Build reversible scroll-controlled visual transformations with a pinned or sticky stage, normalized progress, and video, image-sequence, canvas, SVG, or DOM renderers' — naming the mechanism and every renderer option rather than vague abstractions.

3 / 3

Completeness

Explicitly answers both what (build reversible scroll-controlled visual transformations with a pinned/sticky stage, normalized progress, and listed renderers) and when (the 'Use for ... that must move forward and backward with native scrolling' trigger clause).

3 / 3

Trigger Term Quality

The 'Use for' clause lists natural user-facing terms — 'hero transformations, product assembly, interface state walkthroughs, object rotation, diagrams, or photo sequences' — that a user would plausibly say when reaching for this skill.

3 / 3

Distinctiveness Conflict Risk

The scroll-scrubbed, reversible, pinned-stage niche with specific renderer types and motion scenarios is a clear, narrow domain unlikely to trigger for unrelated skills.

3 / 3

Total

12

/

12

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

relative_links

Relative link issues: 3 missing

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.