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.

72

Quality

Does it follow best practices?

Impact

No eval scenarios have been run

SecuritybySnyk

Passed

No known issues

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-structured, concise skill body with a strong sequenced workflow and explicit viewport-fit validation gate. Its main weaknesses are that all executable implementation detail is deferred to a non-existent STYLE_PRESETS.md and no concrete starter code is provided inline, leaving the build step more descriptive than actionable.

Suggestions

Add an inline executable starter — a viewport-safe CSS base block and a minimal JS presentation-controller (keyboard/wheel/touch + Intersection Observer) — so the build step is copy-paste ready rather than deferred.

Provide the missing STYLE_PRESETS.md bundle file (preset catalog, mandatory CSS block, density limits) so every 'read STYLE_PRESETS.md' reference resolves; currently all of them point to an absent file.

Include a short python-pptx extraction snippet (text, images, notes) in the PPT/PPTX section to make the conversion fallback workflow actionable instead of merely naming the library.

DimensionReasoningScore

Conciseness

Lean and well-organized; it does not explain HTML/CSS/JS basics Claude already knows, and every section earns its place (density table, validation sizes, anti-patterns). Could not go below 3 since no padding or concept re-explanation is present.

3 / 3

Actionability

It names what to include ('keyboard navigation', 'reveal-on-enter animation triggers', 'height: 100vh; height: 100dvh; overflow: hidden') and a preferred library ('python-pptx'), but provides no executable code or copy-paste starter (CSS base, JS controller, extraction snippet), deferring all implementation to a STYLE_PRESETS.md that is not in the bundle. Not score 1 because some concrete CSS rules are present; not score 3 because the guidance stays descriptive rather than executable.

2 / 3

Workflow Clarity

A clear 7-step sequence (Detect → Discover Content → Discover Style → Build → Enforce Viewport Fit → Validate → Deliver) with an explicit validation checkpoint at Step 6 across five viewport sizes and a hard gate in Step 5; PPT conversion includes a fallback branch. Not below 3 because validation and feedback are explicit.

3 / 3

Progressive Disclosure

The body is sectioned and references STYLE_PRESETS.md with clear one-level-deep signaling, but no references/ assets/ or scripts/ bundle exists, so the repeatedly-cited STYLE_PRESETS.md is a broken reference. Not score 1 because the SKILL.md itself is well organized; not score 3 because the referenced detail file does not resolve.

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.

The description is specific, third-person, and answers both what and when with natural trigger terms. The only blemish is light marketing fluff ('stunning', 'discover their aesthetic') that could be trimmed, but it does not undermine the concrete capability claims.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files' — covering both creation and conversion with explicit deliverable types.

3 / 3

Completeness

Explicitly answers both what (create/convert HTML presentations) and when ('Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch').

3 / 3

Trigger Term Quality

Natural user phrasing is well covered: 'build a presentation', 'convert a PPT/PPTX to web', 'create slides for a talk/pitch', plus 'presentation' and 'slides' variations.

3 / 3

Distinctiveness Conflict Risk

Niche is clear — zero-dependency HTML presentations and PPT-to-web conversion — with triggers unlikely to fire for unrelated skills.

3 / 3

Total

12

/

12

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

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.