Content
85%Weight 40%Scale 1-5Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
A tight, expert-level body: efficient prose, concrete code, a clear build order, and a strong verification checklist. The main defect is external — the three files referenced at the end are absent from the bundle, which undermines the skill's stated source of implementation links and demo material.
Suggestions
Include demo/index.html, demo/PROMPT.md, and REFERENCES.md in the bundle (or remove the links) so the closing navigation resolves instead of dangling.
Add a short executable snippet for the dependency-free implementation path (scroll/resize measurement plus a single rAF-scheduled render), which is currently only described.
Show the concrete mechanism for one or two media-safety bullets — e.g., how to cancel an in-flight image request or throttle video seeks during fast scrolling.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The body is lean and imperative throughout — "Clamp frame indexes to 0...frameCount - 1", "Cap device pixel ratio at 2" — with zero padding and no explanation of concepts Claude already knows. Two short code blocks earn their tokens; every line instructs. Matches the 5 anchor. | 5 / 5 |
Actionability | Executable snippets for the sequence config, progress normalization, and ScrollTrigger setup, plus specific directives ("Encode frequent keyframes", "redraw only when progress changes"). Not 5 because the dependency-free implementation is only described ("measure the section on scroll and resize") rather than shown, and several media-safety bullets (e.g., "Cancel stale image requests") state the goal without the mechanism. | 4 / 5 |
Workflow Clarity | The sections form a coherent build sequence (define → choose renderer → build stage → handle media → access → tune → verify), with a numbered 6-step stage build and a determinism invariant ("The same scroll position must always reproduce the same state"). The Verify section is an explicit checklist covering forward/reverse, fast flicks, resize, viewport widths, reduced motion, and cleanup, matching the 5 anchor's validation and checklist criteria. Not 4 because checkpoints are explicit rather than implicit. | 5 / 5 |
Progressive Disclosure | References to [demo/index.html](demo/index.html), [demo/PROMPT.md](demo/PROMPT.md), and [REFERENCES.md](REFERENCES.md) are clearly signaled and one level deep, but none of these files exist in the bundle, so the navigation they promise is broken. Not 4 because missing referenced files are more than a minor organization gap; not 2 because the body itself is well-sectioned and self-contained in its guidance. | 3 / 5 |
Total | 17 / 20 Passed |