Generate interactive HTML presentations with sidebar navigation, scrollable sections, and 40+ typography-driven components. Supports Metis branding with auto-embedded logo and client brand extraction from PPTX templates. Output is a self-contained HTML file viewable in any browser.
68
85%
Does it follow best practices?
Impact
—
No eval scenarios have been run
Passed
No known issues
Quality
Discovery
100%Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.
This is an excellent skill description that clearly articulates specific capabilities (HTML presentations with navigation, interactivity, branding), provides explicit trigger guidance with natural user phrases, and distinguishes itself from adjacent skills like PPTX presentation tools. The description is detailed yet concise, covering use cases, default behavior, and activation triggers comprehensively.
| Dimension | Reasoning | Score |
|---|---|---|
Specificity | Lists multiple specific concrete actions: generate HTML presentations as self-contained single files, persistent sidebar navigation, scrollable sections, interactive components, Metis branding, client brand extraction from PPTX templates. | 3 / 3 |
Completeness | Clearly answers both what (generate HTML presentations with sidebar navigation, scrollable sections, interactive components, branding support) and when (explicit 'Use this skill when...' clause plus 'Triggers on...' with specific phrases). | 3 / 3 |
Trigger Term Quality | Includes strong natural trigger terms: 'html slides,' 'html presentation,' 'browser deck,' 'HTML output instead of PPTX,' plus contextual terms like 'internal decks,' 'workshop materials,' 'strategy frameworks,' and 'consulting product.' | 3 / 3 |
Distinctiveness Conflict Risk | Highly distinctive — clearly scoped to HTML-based presentations viewable in a browser, explicitly differentiating from PPTX output. The mention of sidebar navigation, self-contained files, and Metis branding creates a very clear niche unlikely to conflict with generic presentation or document skills. | 3 / 3 |
Total | 12 / 12 Passed |
Implementation
77%Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.
This is a highly actionable and well-structured skill with a clear four-phase workflow, executable code examples, and comprehensive component references. Its main weakness is length — the extensive inline component catalog and interactivity examples make it token-heavy when much of that reference material could be offloaded to separate files. The workflow clarity is strong with good planning guidance and a thorough QA checklist.
Suggestions
Move the component reference (Section 5) and interactivity tier (Section 6) into separate referenced files (e.g., COMPONENTS.md, INTERACTIVITY.md) to reduce the main skill's token footprint while keeping it accessible.
Remove minor redundancies like the accent bar appearing in both the 'Multi-Color Accent Bars' subsection and the 'Structural Elements > Accent Left Bar' subsection.
| Dimension | Reasoning | Score |
|---|---|---|
Conciseness | The skill is quite long (~500+ lines) with extensive HTML examples that are somewhat repetitive. While most content is actionable reference material, there's redundancy between sections (e.g., accent bars shown twice, feature cards explained with unnecessary commentary like 'let the typography and color accents carry the visual weight'). The decision table in Section 0 and the component selection guide in Section 10 are useful but the overall document could be tightened significantly. | 2 / 3 |
Actionability | The skill provides fully executable bash commands, complete HTML snippets that are copy-paste ready, specific build commands with flags, and concrete data attribute requirements. Every component has a working HTML example with real class names and structure. The build workflow is specific with exact script paths and arguments. | 3 / 3 |
Workflow Clarity | The four-phase workflow (Plan → Write → Build → QA) is clearly sequenced with explicit steps. Phase 4 QA provides a comprehensive verification checklist covering navigation, progress bar, keyboard nav, branding, and layout. The planning phase includes specific guidance on section counts and grouping strategy. The brand determination step is a clear decision point before building begins. | 3 / 3 |
Progressive Disclosure | The skill references `references/patterns.md` for the full pattern guide and external scripts, which is good. However, the massive component reference (Sections 5-6) is inlined rather than split into a separate reference file, making the SKILL.md itself very long. The inline component catalog would be better served as a referenced file, keeping the main skill focused on workflow and key concepts. | 2 / 3 |
Total | 10 / 12 Passed |
Validation
90%Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.
Validation — 10 / 11 Passed
Validation for skill structure
| Criteria | Description | Result |
|---|---|---|
skill_md_line_count | SKILL.md is long (765 lines); consider splitting into references/ and linking | Warning |
Total | 10 / 11 Passed | |
Reviewed
Table of Contents