frontend-slides

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files. Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch. Helps non-designers discover their aesthetic through visual exploration rather than abstract choices.

Quality

81%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Quality

Content

71%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.

A well-organized, actionable skill body with a clear sequenced workflow, concrete CSS/JS requirements, density limits, and a handoff checklist. The main defect is progressive disclosure: the body repeatedly directs the reader to STYLE_PRESETS.md, which is not present in the bundle, leaving core referenced material inaccessible.

Suggestions

Add the missing STYLE_PRESETS.md (referenced four times for the viewport-safe CSS base, density limits, preset catalog, and CSS gotchas) so the offloaded detail is actually reachable.

Provide one complete minimal HTML/CSS/JS slide template (controller class + Intersection Observer + reduced-motion support) to lift actionability from instructional to copy-paste ready.

Tighten the validate step into an explicit validate→fix→re-validate feedback loop rather than a conditional 'if browser automation is available' check.

Dimension	Reasoning	Score
Conciseness	Mostly lean and well-organized with minimal over-explanation of known concepts; minor padding like the 'Inspired by...zarazhangrui' attribution line could be trimmed, keeping it just below a 5.	4 / 5
Actionability	Concrete, actionable guidance throughout — exact CSS rules ('height: 100vh; height: 100dvh; overflow: hidden'), clamp(), specific viewport test sizes, per-OS openers, and python-pptx instructions — with minor gaps (no complete copy-paste HTML/CSS/JS template).	4 / 5
Workflow Clarity	A clear 7-step sequence with an explicit Validate step (5 named viewport sizes) and a deliverable checklist, plus an overflow feedback rule ('when content does not fit, split into multiple slides'); not a 5 because the validate→fix→retry loop is implicit and browser-automation verification is conditional.	4 / 5
Progressive Disclosure	SKILL.md is well-structured and correctly offloads detail to a one-level-deep, clearly signaled STYLE_PRESETS.md (referenced four times), but that file is absent from the bundle — no references/, scripts/, or assets/ exist — so the referenced CSS base, density limits, and preset catalog are unreachable, breaking the disclosure.	3 / 5
	Total	15 / 20 Passed

Description

91%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, complete description that clearly states capabilities and explicit 'Use when...' triggers with good natural keyword coverage including file extensions. Minor deductions for light over-claim phrasing and slight overlap with generic presentation skills.

Dimension	Reasoning	Score
Specificity	Names the domain and several concrete actions ('Create...HTML presentations from scratch or by converting PowerPoint files', 'build a presentation', 'create slides'), though 'stunning, animation-rich' is mild over-claim fluff and coverage of conversion specifics is light.	4 / 5
Completeness	Explicitly answers both what ('Create...HTML presentations from scratch or by converting PowerPoint files') and when ('Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch') with concrete trigger phrases.	5 / 5
Trigger Term Quality	Comprehensive natural-term coverage including synonyms and file extensions: 'presentation', 'PowerPoint', 'PPT/PPTX', 'slides', 'talk/pitch', 'build a presentation', 'convert a PPT/PPTX to web'.	5 / 5
Distinctiveness Conflict Risk	Clear HTML/web-presentation niche with distinct triggers, but PowerPoint-conversion language creates minor overlap risk with general .pptx editing skills; not a 5 because of that adjacency.	4 / 5
	Total	18 / 20 Passed

Validation

93%

Warnings & errors only

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

Criteria	Description	Result
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	15 / 16 Passed

Repository: affaan-m/ECC
Path: .cursor/skills/frontend-slides/SKILL.md
Commit: d8409a4

Reviewed: 1 day ago

Table of Contents

Discovery Implementation Validation

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.