CtrlK
BlogDocsLog inGet started
Tessl Logo

scroll-progress-timeline

Turn any ordered process into a data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion behavior. Use for onboarding, checkout, roadmaps, recipes, case studies, service processes, histories, or narratives where progress through the sequence should become visible while 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 concise, actionable, well-sequenced body with strong verification guidance. Its only gap is progressive disclosure: the referenced demo and REFERENCES.md files are not present in the bundle, so the promised navigation cannot actually be followed.

Suggestions

Ship the referenced bundle files (demo/index.html, demo/PROMPT.md, REFERENCES.md) so the one-level-deep references the body points to actually resolve.

If keeping the skill self-contained, inline the minimal essential demo/recipe content or state explicitly that the references are illustrative and must be generated.

Verify each linked path resolves before relying on it for progressive disclosure.

DimensionReasoningScore

Conciseness

The body is lean with no preamble explaining concepts Claude already knows; each section and code snippet earns its place, matching the lean-and-efficient anchor.

3 / 3

Actionability

Provides executable code (the scaleY(progress) snippet), specific CSS properties, named APIs (IntersectionObserver, GSAP ScrollTrigger), explicit attributes (aria-current, scroll-margin), and concrete test widths, rather than vague direction or pseudocode.

3 / 3

Workflow Clarity

"Build the line" is a clearly numbered sequence and the "Verify" section is an explicit checklist with a boundary agreement checkpoint, providing clear sequencing with validation feedback even though the task is not destructive/batch.

3 / 3

Progressive Disclosure

Sections are well organized and references (demo/index.html, demo/PROMPT.md, REFERENCES.md) are clearly signaled at one level deep, but the referenced bundle files do not exist, so the disclosed structure is incomplete in practice.

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 a comprehensive list of concrete capabilities with explicit, natural trigger scenarios. It cleanly answers both what the skill does and when to use it with low conflict risk.

DimensionReasoningScore

Specificity

Lists multiple concrete capabilities ("data-driven vertical or horizontal scroll story with a base line, progress fill, active step states, responsive collapse, semantic fallback, and reduced-motion behavior"), matching the comprehensive-actions anchor rather than the partial anchor at 2.

3 / 3

Completeness

Explicitly answers both what (the scroll-story features) and when via an explicit "Use for..." trigger clause, satisfying the anchor that requires both with explicit triggers rather than merely implying when.

3 / 3

Trigger Term Quality

The "Use for onboarding, checkout, roadmaps, recipes, case studies, service processes, histories, or narratives..." clause gives broad natural coverage of terms a user would actually say, beyond just some relevant keywords.

3 / 3

Distinctiveness Conflict Risk

The scroll-driven progress-timeline niche with triggers like onboarding/checkout/roadmaps is clearly distinct and unlikely to fire for unrelated skills, matching the clear-niche anchor.

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.