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.

63

Quality

75%

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

63%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, largely lean skill body with a clear sequenced workflow and useful concrete rules, but its actionability is undermined by repeated reliance on a STYLE_PRESETS.md file that is missing from the bundle.

Suggestions

Add the missing STYLE_PRESETS.md to the bundle (or inline the mandatory viewport-safe CSS block, preset catalog, and density limits) so the deferred detail the skill repeatedly references is actually available.

Include an executable starter snippet for the presentation controller (keyboard/wheel/touch navigation) and Intersection Observer reveal, rather than only listing them as requirements.

Tighten the Validate step into an explicit feedback loop: detect overflow at each size → fix (split slide / adjust clamp) → re-validate until no slide overflows.

DimensionReasoningScore

Conciseness

Mostly lean with no over-explanation of basic concepts; every section earns its place, though the attribution line and a few soft list items could be trimmed.

4 / 5

Actionability

Provides some concrete CSS rules (height: 100vh/dvh; overflow:hidden), viewport sizes, opener commands, and a density table, but the core executable scaffold (presentation controller class, Intersection Observer, viewport-safe CSS base) is deferred to STYLE_PRESETS.md, which is absent from the bundle.

3 / 5

Workflow Clarity

Clear 7-step sequence (Detect → Discover Content → Discover Style → Build → Enforce Viewport Fit → Validate → Deliver) with a hard viewport-fit gate and a size-specific validation step, but lacks an explicit fix-and-revalidate loop when overflow is detected.

4 / 5

Progressive Disclosure

Well-organized sections with a clearly signaled one-level reference to STYLE_PRESETS.md, but scoring against the actual bundle shows that referenced file is not present, breaking the deferred-detail path the skill depends on.

3 / 5

Total

14

/

20

Passed

Description

87%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, well-structured description that clearly states capabilities and explicit use-when triggers with good keyword coverage. Trimming the "stunning" buzzword and adding the enhancement use-case would push it to fully comprehensive.

DimensionReasoningScore

Specificity

Lists several concrete actions — "Create...HTML presentations from scratch", "converting PowerPoint files", "convert a PPT/PPTX to web", "create slides for a talk/pitch" — but "stunning" is marketing fluff and the enhancement mode covered in the body is omitted.

4 / 5

Completeness

Explicitly answers both what (create/convert HTML presentations, discover aesthetic) and when via a concrete "Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch" trigger clause.

5 / 5

Trigger Term Quality

Good natural-term coverage including file extensions and synonyms ("presentation", "PowerPoint files", "PPT/PPTX", "talk/pitch", "slides"), but common terms like "deck" are missing.

4 / 5

Distinctiveness Conflict Risk

Occupies a clear niche (zero-dependency HTML slides + PPT/PPTX conversion) with distinct triggers and minimal overlap with other skills.

5 / 5

Total

18

/

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.

Validation15 / 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.