masked-reveal

Create masked staggered word reveals on scroll with GSAP ScrollTrigger. Use when headings, hero copy, section titles, or editorial text should reveal word-by-word through an overflow mask as they enter the viewport.

Quality

80%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Low

Low-risk findings worth noting

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.

The skill body is highly actionable and well-structured, delivering copy-paste-ready code with sensible defaults and cleanup guidance while avoiding concept over-explanation. The main room for improvement is tightening the prose-style bullet lists and framing the integration steps as an explicit sequence.

Suggestions

Condense Taste Rules and Quick Checks into fewer, higher-value bullets to push conciseness toward the every-token-earns-its-place level.

Frame the integration as an explicit ordered checklist (register ScrollTrigger -> split text -> animate -> revert on unmount) with a verify step so the workflow reads as a sequenced process with checkpoints.

Dimension	Reasoning	Score
Conciseness	The body is lean with no padding about what GSAP or ScrollTrigger is, and code blocks are direct, but the Taste Rules and Quick Checks lists are slightly long and could be trimmed, fitting the efficient-but-minor-over-explanation anchor 4 rather than the every-token-earns-its-place anchor 5.	4 / 5
Actionability	It provides fully executable, copy-paste-ready HTML, CSS, and GSAP JS plus a React cleanup pattern and concrete motion defaults, covering the common integration cases as the anchor 5 example does.	5 / 5
Workflow Clarity	This is a single-purpose animation skill where the simple-skill exception applies; the init flow (register plugin, split, animate, cleanup) is clear, but the steps are not framed as an explicit sequenced checklist with checkpoints, so it sits at anchor 4 rather than 5.	4 / 5
Progressive Disclosure	Content is well-organized into clearly labeled sections with no nested references and all code appropriately inline for this kind of skill, but it is over 50 lines with no external bundle files, matching the good-structure anchor 4 rather than the well-signaled-one-level-deep anchor 5.	4 / 5
	Total	17 / 20 Passed

Description

78%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.

The description is strong: it clearly pairs a concrete capability with explicit, natural-sounding use-when triggers and occupies a distinct niche. Its only weak spot is specificity, since it describes a single primary action rather than a comprehensive list of actions.

Suggestions

Broaden specificity by naming the few concrete sub-actions (e.g. split text into word masks, stagger the reveal, hook into ScrollTrigger) so the description lists multiple capabilities rather than one.

Add a couple of natural synonyms or phrasings users might say (e.g. "on-scroll text animation", "animated headline reveal") to lift trigger term coverage from good to comprehensive.

Dimension	Reasoning	Score
Specificity	"Create masked staggered word reveals on scroll with GSAP ScrollTrigger" names the domain and one concrete action with a specific mechanism, but does not list multiple distinct actions, matching the 1-2 concrete actions anchor rather than the comprehensive anchor 5.	3 / 5
Completeness	It explicitly states what it does ("Create masked staggered word reveals on scroll with GSAP ScrollTrigger") and when to use it ("Use when headings, hero copy, section titles, or editorial text should reveal word-by-word..."), matching the anchor that requires both with concrete trigger phrases.	5 / 5
Trigger Term Quality	"headings, hero copy, section titles, or editorial text should reveal word-by-word" provides good natural keyword coverage users would say, though a few synonyms (e.g. "animation", "on-scroll text") are absent.	4 / 5
Distinctiveness Conflict Risk	The masked word-reveal niche with GSAP ScrollTrigger is mostly distinct with clear triggers, but there is minor overlap risk with other general GSAP/scroll-animation skills, keeping it just below the minimal-conflict anchor 5.	4 / 5
	Total	16 / 20 Passed

Validation

100%

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

Validation for skill structure

No warnings or errors.

Repository: MengTo/Skills
Path: agent-skills/web-design/masked-reveal/SKILL.md
Commit: 4c716b5

Reviewed: 5 days 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.