CtrlK
BlogDocsLog inGet started
Tessl Logo

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.

65

Quality

78%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

SecuritybySnyk

Low

Low-risk findings worth noting

Fix and improve this skill with Tessl

tessl review fix ./skills/frontend-slides/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

73%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 workflow and actionability of the body are excellent, with explicit validation checkpoints and concrete CSS/density rules. However, progressive disclosure is critically broken: the repeatedly-referenced STYLE_PRESETS.md is missing from the bundle, and the two provided scripts are never linked from the skill.

Suggestions

Add the missing STYLE_PRESETS.md (or inline the viewport-safe CSS base, density limits, and preset catalog) so the four references in the body resolve to real content.

Reference the provided bundle scripts from the body: point the PPT/PPTX conversion section at scripts/extract-pptx.py (currently it only mentions python-pptx generically) and mention scripts/export-pdf.sh where relevant.

Trim minor padding: the zarazhangrui credit line and the duplicate OS-opener guidance in the Deliver section could be condensed.

DimensionReasoningScore

Conciseness

The body is lean and well-sectioned with no explanations of concepts Claude already knows; every section carries actionable rules. Minor trimmable content exists (the zarazangrui credit line, four overlapping STYLE_PRESETS.md pointers, and the duplicated opener-command guidance in Deliver), placing it at anchor 4 rather than anchor 5's every-token-earns-its-place.

4 / 5

Actionability

Concrete, executable guidance throughout: exact CSS ("height: 100vh; height: 100dvh; overflow: hidden"), clamp() scaling, five named validation resolutions, a density-limits table, OS-specific opener commands, and a python-pptx fallback policy. It is not anchor 5 because the mandatory viewport-safe CSS base is deferred to a STYLE_PRESETS.md file that does not exist in the bundle; it is above anchor 3 because the critical rules are stated inline and specific.

4 / 5

Workflow Clarity

A seven-step workflow with mode detection, a hard viewport-fit gate with error-recovery rules ("when content does not fit, split into multiple slides"), an explicit validation step at named resolutions, and a deliverable checklist. This matches anchor 5: clear sequence, explicit validation, and feedback loops for correction.

5 / 5

Progressive Disclosure

The body references STYLE_PRESETS.md four times as the required source for the CSS base, density limits, and preset catalog, but that file does not exist anywhere in the bundle (there is no references/ directory), so the instruction "Before generating, read STYLE_PRESETS.md" fails immediately. Meanwhile the provided scripts (scripts/extract-pptx.py, scripts/export-pdf.sh) are never referenced from SKILL.md, making provided content undiscoverable. Broken reference paths and orphaned bundle files make navigation unusable, matching anchor 2 rather than anchor 3's merely-unclear signaling; not anchor 1 because the body itself is well-sectioned rather than a monolithic wall.

2 / 5

Total

15

/

20

Passed

Description

83%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: third-person, concrete about capabilities, and with an explicit 'Use when' clause covering the main trigger phrases. Its only weaknesses are a missing enhancement-mode capability and a few absent synonyms like 'deck'.

DimensionReasoningScore

Specificity

"Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files" plus "discover their aesthetic through visual exploration" names several concrete actions with only minor gaps (the enhancement-of-existing-decks mode from the body is omitted). It lists more than the 1-2 actions of anchor 3 but is not fully comprehensive, so anchor 4 is the best fit.

4 / 5

Completeness

It 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, matching the anchor 5 example structure. The when-clause is fully explicit, so anchor 4's 'could be more explicit' does not apply.

5 / 5

Trigger Term Quality

Natural user phrases like "build a presentation", "convert a PPT/PPTX to web", "create slides for a talk/pitch", and "PowerPoint files" give good coverage including file extensions. A few natural synonyms are missing ("deck", "slideshow", "pptx to HTML"), so it matches anchor 4 rather than anchor 5's comprehensive synonym coverage.

4 / 5

Distinctiveness Conflict Risk

The HTML/web slide-deck niche is clear and mostly distinct, but "converting PowerPoint files" carries minor overlap risk with a general .pptx-editing skill, matching anchor 4. Not 5 because of that overlap; not 3 because the browser-delivered presentation framing is distinctive.

4 / 5

Total

17

/

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

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
affaan-m/ECC
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.