CtrlK
BlogDocsLog inGet started
Tessl Logo

frontend-slides

Create animation-rich browser-based HTML presentations from scratch, enhance existing HTML decks, or convert PowerPoint files into web presentations. Use only when the requested deliverable is HTML or a browser presentation; do not use when the user needs an editable native .pptx file.

72

Quality

88%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

77%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-sequenced, highly actionable presentation-generation skill with concrete commands, CSS invariants, and validation checkpoints. Its main weaknesses are repeated anti-slop messaging and four missing referenced bundle files (only the scripts are present), which undermines progressive disclosure.

Suggestions

Add the missing referenced files (STYLE_PRESETS.md, viewport-base.css, html-template.md, animation-patterns.md) or remove their links, so the Supporting Files table does not point at non-existent resources.

Consolidate the anti-"AI slop" guidance into one section — it currently recurs in Core Principles, Design Aesthetics, and the closing paragraph — to tighten conciseness.

Add an explicit post-generation verification step in Phase 3 (e.g., open the file and confirm each .slide fits 100vh with no scroll) to give the main workflow a validate-fix feedback loop matching Mode C.

DimensionReasoningScore

Conciseness

Mostly efficient with concrete CSS rules, a density table, and exact commands, but the anti-"AI slop" message recurs three times (Core Principles #3, the full Design Aesthetics section, and "You still tend to converge... Avoid this") — padding that could be tightened. Not a 1 because no basic concepts are over-explained; not a 3 due to the repetition.

2 / 3

Actionability

Provides executable commands ("python scripts/extract-pptx.py", "bash scripts/deploy.sh", "npx vercel whoami"), concrete CSS invariants ("height: 100vh; height: 100dvh; overflow: hidden;", "clamp(min, preferred, max)", "max-height: min(50vh, 400px)"), and a copy-paste density table — fully actionable rather than the pseudocode/gap level 2.

3 / 3

Workflow Clarity

Phases 0–6 are clearly sequenced with explicit validation checkpoints on the riskiest path (Mode C rule #4: verify overflow/clamp/max-height and "content fits at 1280x720") and deploy guidance ("verify: open the deployed URL and check that all images load"). Not a 2 because checkpoints are explicit, not merely listed.

3 / 3

Progressive Disclosure

The Supporting Files table signals one-level-deep references with a "When to Read" column, but four of six referenced files (STYLE_PRESETS.md, viewport-base.css, html-template.md, animation-patterns.md) are missing from the bundle — only the three scripts exist. Per the guideline to score against actual bundle structure, the broken references cap this at 2 rather than 3.

2 / 3

Total

10

/

12

Passed

Description

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.

A strong, third-person description that names concrete actions, includes natural trigger terms, and gives both positive and negative when-to-use guidance. It cleanly separates HTML/browser presentation work from native .pptx editing.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "Create animation-rich browser-based HTML presentations from scratch, enhance existing HTML decks, or convert PowerPoint files into web presentations" — matching the multiple-specific-actions anchor; not a 2 because the three actions are comprehensive and concrete.

3 / 3

Completeness

Explicitly answers both what (three creation/enhancement/conversion actions) and when ("Use only when the requested deliverable is HTML or a browser presentation"), plus a negative trigger — clearing the explicit-trigger bar that caps at 2 when missing.

3 / 3

Trigger Term Quality

Natural user-facing terms are well covered ("HTML presentations", "browser-based", "PowerPoint files", "web presentations", "editable native .pptx"), matching the good-coverage anchor rather than the partial-coverage level 2.

3 / 3

Distinctiveness Conflict Risk

Clear niche (HTML/browser presentations) with an explicit negative trigger ("do not use when the user needs an editable native .pptx file") that distinguishes it from .pptx-editing skills; unlikely to fire for the wrong skill.

3 / 3

Total

12

/

12

Passed

Validation

93%

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 9 missing

Warning

Total

15

/

16

Passed

Repository
OpenBMB/PilotDeck
Reviewed

Table of Contents

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.