Content
96%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.
This is a strong, highly actionable skill: complete executable code for every advertised feature, a coherent setup-to-init workflow with a QA checklist, and taste/token guidance that encodes real design judgment rather than generic knowledge. The only weakness is that everything is inlined in one long file with no reference files to split overview from advanced detail.
Suggestions
Move the deeper material (hover recipes, pinned story-scene patterns, full CSS foundation) into one or more files under references/ (e.g. references/hover.md, references/pinned-sections.md) and keep short well-signaled links in SKILL.md, keeping the body as an overview.
Trim redundancy between the QA Checklist and Performance Rules (e.g., merge the animated-properties and blur guidance) so each rule appears once.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The body is code-dense with almost no concept padding — it never explains what GSAP or smooth scrolling is, and sections like 'Motion Taste' and 'Base Tokens' capture design judgment Claude cannot infer. Minor trimming is possible (e.g., blur filters are applied broadly despite 'use blur sparingly' advice, and the QA checklist slightly overlaps Performance Rules), placing it just below the every-token-earns-its-place anchor. | 4 / 5 |
Actionability | Nearly everything is copy-paste executable: an install command, a complete initialization block, full split-text/reveal/parallax/pin/magnetic/cursor/mouse-parallax functions with concrete GSAP parameters, preset maps, an explicit init order, and even manual line-wrapper markup for exact line breaks. Common cases are covered with specific values (eases, durations, staggers, trigger points). | 5 / 5 |
Workflow Clarity | The sequence is explicit and complete: Install → Setup (with reduced-motion branch) → Markup API → CSS Foundation → per-feature initializers → a literal Init Order block → a QA Checklist that serves as a validation checkpoint. SPA cleanup (gsap.context()/ctx.revert(), killing ScrollTriggers on route transitions) is also addressed, giving clear error-avoidance and teardown guidance. | 5 / 5 |
Progressive Disclosure | No bundle files exist (no references/, scripts/, or assets/ directories), so all content lives inline in a single well-headered ~600-line file that is easy to navigate via its section structure. It is well organized, but advanced material such as the hover recipes, pinned-story patterns, or the full CSS foundation would sit more appropriately in one-level-deep reference files to keep the SKILL.md body as an overview — a minor organization gap rather than a structural problem. | 4 / 5 |
Total | 18 / 20 Passed |