staggered-word-reveal

Create subtle editorial word-by-word text reveal animations where each word fades and rises into place once it enters the viewport. Use for premium portfolio headlines, hero copy, section intros, and short marketing text that needs a cinematic staggered reveal with IntersectionObserver or in-view detection.

Quality

90%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Quality

Content

96%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 content is excellent: executable code, lean prose assuming Claude's competence, and a clear single-action workflow with verification checks. The only marginal gap is that the single-file layout is slightly above the trivial-size threshold where progressive disclosure would be a clear 5.

Dimension	Reasoning	Score
Conciseness	The body is lean and assumes competence: no explanation of what CSS/JS/IntersectionObserver are, compact Motion Defaults, and every section (Use When, Taste Rules, Quick Checks) earns its tokens without padding.	5 / 5
Actionability	Provides complete, copy-paste-ready HTML, CSS, and JavaScript blocks plus specific framework tokens for React/Framer Motion/GSAP, covering the common cases fully and executably.	5 / 5
Workflow Clarity	As a single-action skill (apply the reveal), the action is unambiguous and supported by a Quick Checks validation list; no destructive or batch operations are involved, so the simple-skill exception applies.	5 / 5
Progressive Disclosure	Well-organized into clear single-purpose sections with no nesting and content appropriately kept inline for a self-contained code skill; no external references are needed, but at ~157 lines it is not the under-50-line simple case, so it sits just below the top anchor.	4 / 5
	Total	19 / 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.

The description is strong: it clearly states what the skill does and when to use it with concrete, natural trigger phrases and specific behavioral detail. Minor room to add a few more natural synonyms and sharpen distinctiveness from generic scroll-animation skills.

Dimension	Reasoning	Score
Specificity	Concrete action 'Create...word-by-word text reveal animations where each word fades and rises into place once it enters the viewport' names several specific behaviors (word-by-word split, fade, rise, viewport trigger, once-only) with only minor coverage gaps, fitting the anchor for several specific actions.	4 / 5
Completeness	Explicitly answers both what ('Create subtle editorial word-by-word text reveal animations...') and when ('Use for premium portfolio headlines, hero copy, section intros...') with concrete trigger phrases, matching the top anchor.	5 / 5
Trigger Term Quality	Includes natural user-facing phrases like 'premium portfolio headlines', 'hero copy', 'section intros', 'short marketing text', and 'cinematic staggered reveal' — good keyword coverage, though a few natural variations like 'fade in on scroll' or 'scroll reveal' are missing.	4 / 5
Distinctiveness Conflict Risk	The 'word-by-word' editorial staggered reveal is a distinct niche with clear triggers, but broad framing around 'hero copy' and 'cinematic' animations carries minor overlap risk with general scroll-animation skills.	4 / 5
	Total	17 / 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/staggered-word-reveal/SKILL.md
Commit: 4c716b5

Reviewed: 1 day 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.