CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

scroll-scrubbed-word-reveal

Reveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduced-motion readability. Use for headlines, quotes, manifestos, product statements, onboarding messages, or editorial passages where scrolling should pace comprehension rather than simulate typing.

Quality

86%

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

85%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 tight, well-sequenced, highly actionable skill body: concrete value ranges, named APIs, accessibility handling, and an explicit verification checklist. The main defect is that all three files the body points to (demo/index.html, demo/PROMPT.md, REFERENCES.md) are missing from the bundle, and the JS snippet is a fragment rather than runnable code.

Suggestions

Add the referenced files to the bundle (demo/index.html, demo/PROMPT.md, REFERENCES.md) or remove/replace the dangling links — every referenced path currently 404s within the skill directory.

Make the scroll-mapping snippet self-contained (show how `progress` is derived from scroll position and how spans are indexed) so it is copy-paste executable rather than a fragment.

Consider moving the parameter-value ranges (opacity, blur, offset, span, overlap) into a single labeled block or reference file so the working SKILL.md stays a pure overview.

DimensionReasoningScore

Conciseness

The body is lean and imperative throughout — e.g., "Walk text nodes with TreeWalker; do not flatten the container with textContent or innerHTML" — with no explanations of concepts Claude already knows; both snippets are minimal and earn their place. This matches anchor 5's 'every token earns its place'.

5 / 5

Actionability

Concrete guidance dominates: specific defaults ("Hidden opacity: 0.12–0.3", "Blur: 4–10px"), real APIs (TreeWalker, GSAP ScrollTrigger with scrub, prefers-reduced-motion), and a preferred HTML structure. However, the JS snippet references undefined `progress`, `wordCount`, `index`, and `word` — it is a fragment rather than copy-paste executable — placing it at anchor 4 rather than 5.

4 / 5

Workflow Clarity

The sections form a coherent build sequence (Prepare the text → Map scroll to words → Set useful defaults → Preserve emphasis → Keep it readable → Clean up → Verify) and the Verify section is an explicit validation checklist ("inline links and emphasis, punctuation, repeated spaces, 200% zoom, 390/768/1440 widths... reduced motion, keyboard focus, screen-reader reading order, and teardown"). This is a non-destructive skill, so no feedback-loop cap applies, and it matches anchor 5's checklist criterion.

5 / 5

Progressive Disclosure

The body's references are clearly signaled and one level deep ("Use [demo/index.html](demo/index.html) as the working reference and [demo/PROMPT.md](demo/PROMPT.md)... Keep [REFERENCES.md](REFERENCES.md) as the links-only implementation source list"), but none of these files exist in the bundle — following any of them fails. Section organization is good, yet the dangling references leave navigation broken, which fits anchor 3 (structure present, references problematic) better than anchor 4's 'references mostly clear'.

3 / 5

Total

17

/

20

Passed

Description

83%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 description: third-person, concise, with an explicit 'Use for...' clause listing concrete content types and a clear what/when split. The only gaps are a few missing natural trigger synonyms and minor overlap risk with generic scroll-animation skills.

DimensionReasoningScore

Specificity

"Reveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduced-motion readability" names the domain and several concrete behaviors (word-by-word reveal, preserving links/emphasis/wrapping, reduced-motion support). It falls short of anchor 5 because these are facets of one core action rather than multiple distinct capabilities, but exceeds anchor 3's '1-2 concrete actions' scope.

4 / 5

Completeness

The description explicitly answers both: "what" ("Reveal marked-up text word by word as scroll progress advances, while preserving semantic inline links, emphasis, responsive line wrapping, and reduced-motion readability") and "when" ("Use for headlines, quotes, manifestos, product statements, onboarding messages, or editorial passages where scrolling should pace comprehension rather than simulate typing"), matching the anchor-5 pattern of concrete trigger phrases.

5 / 5

Trigger Term Quality

Natural phrases like "headlines, quotes, manifestos, product statements, onboarding messages, or editorial passages" plus "scroll", "word by word", and "reveal" give good keyword coverage a user would plausibly say. A few natural variations (e.g., "scroll-linked text animation", "typewriter effect") are missing — typing is only implied via "rather than simulate typing" — so it sits at anchor 4, not 5.

4 / 5

Distinctiveness Conflict Risk

The scroll-scrubbed word-reveal niche is distinct (explicitly contrasted with typing simulation), but requests like "animate my headline on scroll" could also match generic animation or scroll-trigger skills, giving minor overlap risk. This fits anchor 4 better than anchor 5's 'minimal conflict risk' and clearly better than anchor 3's broad overlap.

4 / 5

Total

17

/

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.

Validation — 15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 3 missing

Warning

Total

15

/

16

Passed

Repository

MengTo/Skills

Path

agent-skills/web-design/scroll-scrubbed-word-reveal/SKILL.md

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.