Content
78%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 well-structured, token-efficient skill body: a short overview with a Check/Fix workflow and a clean pointer to a real one-level-deep reference file holding the code examples. The only gaps are minor — slight duplication between the Quick Reference bullets and other sections, and no post-fix validation step to confirm the LCP improvement.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The ~30-line body is lean and assumes Claude's competence — no explanation of what lazy loading or LCP is. Minor duplication keeps it from a 5: the Quick Reference bullets ('Do not use loading="lazy"...' and 'Lazy loading above-the-fold images delays the LCP') restate the intro and the Fix section, and the generic 'Explain' section adds little new instruction. | 4 / 5 |
Actionability | The Fix section gives copy-paste-ready attribute guidance — "Remove loading="lazy" from above-the-fold images and consider using fetchpriority="high"" — and the Check section names the exact attribute to look for. It is not a 5 because no executable code or measurement method appears in the body itself (code examples are delegated to references/rule.md) and 'likely to be in the initial viewport' offers no concrete way to determine above-the-fold. | 4 / 5 |
Workflow Clarity | The Check → Fix → Explain → Code Review sections form a clear sequence, and the Check step acts as a verify-first checkpoint, fitting 'Clear sequence with most checkpoints present'. It misses a 5 because there is no post-fix validation (e.g., re-measure LCP to confirm improvement) and no explicit feedback loop if the check fails. | 4 / 5 |
Progressive Disclosure | The body is a concise overview with well-organized sections, and the single reference is clearly signaled one level deep: "For full implementation details, code examples, and framework-specific guidance, see references/rule.md" — and references/rule.md exists and contains exactly that (HTML/Next.js code examples). This matches 'Clear overview with well-signaled one-level-deep references; content appropriately split; easy navigation'. | 5 / 5 |
Total | 17 / 20 Passed |