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.

69

Quality

85%

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%Weight 40%Scale 1-5

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

The body is a highly actionable, well-sequenced workflow with concrete commands, CSS invariants, and explicit validation checkpoints throughout. Its two weaknesses are padding (repeated anti-'AI slop' advice and Vercel signup hand-holding) and a broken reference surface: four of the seven referenced supporting files do not exist in the bundle, leaving the core generation phases without their promised materials.

Suggestions

Consolidate the anti-generic-design guidance into the single Design Aesthetics section and cut the repetitions in Core Principles and the closing exhortation ('it is critical that you think outside the box!').

Restore or add the four missing referenced files (STYLE_PRESETS.md, viewport-base.css, html-template.md, animation-patterns.md) — or, if they are intentionally unavailable, inline minimal substitutes — since Phase 3 mandates reading viewport-base.css and html-template.md.

Trim the Vercel first-time-user walkthrough to its decision points (check `npx vercel --version`, `npx vercel whoami`, deploy, share URL); Claude can improvise signup dialogue without a scripted step-by-step.

DimensionReasoningScore

Conciseness

The bulk is dense, prescriptive spec (viewport rules, density-limit table, exact breakpoints), but there is padding: the anti-generic-aesthetic advice is repeated roughly three times ("No generic 'AI slop.'", the "Avoid generic AI-generated aesthetics" list, and "You still tend to converge on common choices... it is critical that you think outside the box!"), and the Vercel section hand-holds through signup ("Vercel is a free hosting service. You need an account to deploy") plus long prose gotchas. Not 2: most sections earn their tokens with skill-specific rules; not 4: the repetition and hand-holding are noticeable enough to warrant trimming.

3 / 5

Actionability

Nearly every step is copy-paste ready: "python scripts/extract-pptx.py <input.pptx> <output_dir>", "bash scripts/deploy.sh <path-to-presentation>", "npx vercel whoami", "npx playwright install chromium", exact CSS invariants ("height: 100vh; height: 100dvh; overflow: hidden;"), and fully specified AskUserQuestion options. Not 4: no minor gaps in the written guidance — commands, placeholders, fallbacks ("--compact" flag), and recovery paths all cover the common cases.

5 / 5

Workflow Clarity

Clear phase sequence (0-6) with explicit mode detection up front, explicit verification checkpoints ("After ANY modification, verify: `.slide` has `overflow: hidden`, new elements use `clamp()`..."; "Before deploying, verify: open the deployed URL and check that all images load"), and feedback loops for failure recovery (Playwright install failure steps; >10MB PDF → ask user → re-run with --compact). Not 4: validation is explicit and repeated at every risky boundary, including a post-modification checklist for Mode C.

5 / 5

Progressive Disclosure

The structure is well designed — one-level-deep references, a Supporting Files table with a "When to Read" column, and phase-gated reads — but 4 of the 7 referenced files (STYLE_PRESETS.md, viewport-base.css, html-template.md, animation-patterns.md) are missing from the bundle, so mandatory instructions like "read viewport-base.css and include its full contents in every presentation" are unresolvable. Not 4/5: against the actual bundle, navigation to the core generation materials is broken; not 2: SKILL.md itself is a genuine overview with clearly signaled references, not an inlined monolith.

3 / 5

Total

16

/

20

Passed

Description

92%Weight 40%Scale 1-5

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 description: three concrete capabilities, explicit use-when and do-not-use-when triggers, and good natural keyword coverage including the .pptx extension. The only weakness is the absence of a few common user phrasings like "slides" or "slideshow" among the trigger terms.

DimensionReasoningScore

Specificity

"Create animation-rich browser-based HTML presentations from scratch, enhance existing HTML decks, or convert PowerPoint files into web presentations" lists three concrete actions that comprehensively mirror the skill's three modes (new, enhancement, conversion). Not 4: there are no coverage gaps — every capability in the body is represented in the description.

5 / 5

Completeness

Explicitly answers both what ("create... enhance... convert...") and when ("Use only when the requested deliverable is HTML or a browser presentation; do not use when the user needs an editable native .pptx file") with concrete positive and negative trigger phrases. Not 4: the when-clause is fully explicit, including boundary disambiguation, not merely present.

5 / 5

Trigger Term Quality

Good natural-term coverage: "HTML presentations", "browser-based", "web presentations", "HTML decks", "PowerPoint files", and the ".pptx" extension. Not 5: common phrasings users would actually say such as "slides", "slideshow", or "slide deck" are absent; not 3: coverage goes well beyond a few keywords, including synonyms and a file extension.

4 / 5

Distinctiveness Conflict Risk

"animation-rich browser-based HTML presentations" carves a clear niche, and the negative trigger ("do not use when the user needs an editable native .pptx file") preempts the most likely conflict with a native PowerPoint skill. Not 4: the overlap that remains ("enhance existing HTML decks" vs. generic web-design skills) is minor and the deliverable framing keeps it minimal.

5 / 5

Total

19

/

20

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.

Validation — 15 / 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.