Content
77%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-sequenced, largely lean skill body with strong workflow structure and genuinely executable CSS/commands. Its main defects are the missing STYLE_PRESETS.md companion file (referenced three times but not shipped, breaking both the disclosure chain and the delegated CSS base) and some duplication between the inline density table, the checklist, and the presets file.
Suggestions
Ship STYLE_PRESETS.md in the bundle (e.g., references/STYLE_PRESETS.md) — it is referenced three times for the viewport-safe CSS base, density limits, preset catalog, and mandatory CSS block, but the file does not exist, so 'Before generating, read STYLE_PRESETS.md' cannot be followed.
De-duplicate: keep the density limits in exactly one place (either the inline table or STYLE_PRESETS.md) and trim the deliverable checklist and the 'Inspired by...' attribution line, which restate or add nothing.
Include a minimal inline skeleton of the presentation controller (keyboard/wheel/touch + Intersection Observer reveal) so the core JS requirement is executable even before consulting the presets file.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The body is directive throughout — bullet lists, a density table, exact CSS and commands — and assumes competence (no explanation of clamp(), Intersection Observer, or what a browser automation tool is). Not 5: there is redundant padding — the density limits table duplicates limits also delegated to STYLE_PRESETS.md, the deliverable checklist restates earlier rules, and the 'Inspired by the visual exploration approach showcased in work by zarazhangrui' attribution line adds no actionable value. Not 3: over-explanation is minor, not pervasive. | 4 / 5 |
Actionability | Concrete, executable guidance is present: exact CSS ('height: 100vh; height: 100dvh; overflow: hidden;'), exact platform openers ('open file.html', 'xdg-open file.html', 'start "" file.html'), specific validation sizes (1920x1080 through 667x375), and a quantified density table. Not 5: key executable material — the viewport-safe CSS base, preset catalog, and mandatory CSS block — is delegated to STYLE_PRESETS.md, which is not present in the bundle, and the JS presentation controller is only named, not exemplified; not 3: the written guidance itself is concrete with commands and code-level specifics. | 4 / 5 |
Workflow Clarity | A clear seven-step sequence (Detect Mode → Discover Content → Discover Style → Build → Enforce Viewport Fit → Validate → Deliver) with an explicit validation step at five concrete sizes, a hard gate ('Treat this as a hard gate', 'never allow scrollbars inside a slide'), an error-recovery loop ('when content does not fit, split into multiple slides'), and a final deliverable checklist. This is not a destructive or batch operation, so the workflow-clarity cap does not apply. Not 4: validation is explicit and multi-point with feedback loops and a checklist, matching the top anchor. | 5 / 5 |
Progressive Disclosure | The body correctly delegates bulky detail to a single, clearly-signaled, one-level-deep reference ('Before generating, read STYLE_PRESETS.md for the viewport-safe CSS base, density limits, preset catalog, and CSS gotchas') — a good pattern. However, scoring against the actual bundle structure: no references/, scripts/, or assets/ directories exist and STYLE_PRESETS.md is absent, so every reference to it is dangling and the disclosure chain is broken. Not 4: a missing referenced file is more than a minor organization gap; not 2: the SKILL.md itself is well structured and references are prominent, not buried or inlined monolithically. | 3 / 5 |
Total | 16 / 20 Passed |