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.

68

Quality

83%

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

The canonical home for this skill is frontend-slides in affaan-m/ECC

SKILL.md
Quality
Evals
Security

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, prescriptive skill body with a clear workflow and concrete rules, but its core buildable artifact relies on a referenced file (STYLE_PRESETS.md) that is absent from the bundle, undermining navigation and executable completeness.

Suggestions

Ship STYLE_PRESETS.md in ./references/ (or inline its mandatory CSS block and preset catalog) so the repeatedly-referenced viewport-safe base, density limits, and preset guide actually exist.

Add one minimal copy-paste-ready HTML slide skeleton (semantic section, CSS custom properties, controller class stub) in the body so the build step is executable without the missing reference.

Make the validate→fix→re-validate loop explicit in step 6 (e.g. 'if any size overflows, split/adjust and re-check before delivery') to lift workflow_clarity from a clear sequence to a true feedback loop.

DimensionReasoningScore

Conciseness

Largely lean and prescriptive, assuming Claude's HTML/CSS/JS competence without over-explaining basics, but the inspirational attribution line and a few lightly padded phrasings keep it just below fully efficient.

4 / 5

Actionability

Provides concrete, executable specifics (viewport CSS declarations, clamp() scaling, per-OS opener commands, python-pptx extraction path, validation sizes), but delegates the actual HTML/CSS skeleton and controller code to STYLE_PRESETS.md rather than including a copy-paste-ready example in the body.

4 / 5

Workflow Clarity

A clear 7-step sequence (Detect Mode through Deliver) with an explicit validation step, a hard viewport-fit gate, and remediation guidance ('when content does not fit, split into multiple slides'), though the validate→fix→re-validate iteration is implicit rather than a crisply spelled loop.

4 / 5

Progressive Disclosure

Structure is good and references are clearly signaled one level deep, but the body repeatedly depends on STYLE_PRESETS.md ('Before generating, read STYLE_PRESETS.md') which does not exist in any bundle directory (references/, scripts/, assets/), leaving the primary navigation target missing.

3 / 5

Total

15

/

20

Passed

Description

95%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, third-person description that crisply states capabilities and explicit activation triggers with good synonym and file-extension coverage. The only weakness is the single subjective adjective 'stunning', which is a mild over-claim.

DimensionReasoningScore

Specificity

Lists multiple concrete actions ('Create...HTML presentations', 'converting PowerPoint files', 'convert a PPT/PPTX to web', 'discover their aesthetic through visual exploration') with comprehensive coverage, but the subjective buzzword 'stunning' is mild over-claim that keeps it just below a clean 5.

4 / 5

Completeness

Explicitly answers both 'what' (create/convert animation-rich HTML presentations, help non-designers find an aesthetic) and 'when' ('Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch').

5 / 5

Trigger Term Quality

Comprehensive natural-term coverage including synonyms (presentation, slides, talk/pitch, PowerPoint) and file extensions (PPT/PPTX), matching users' likely phrasing.

5 / 5

Distinctiveness Conflict Risk

Clear niche (browser-based HTML slide decks plus PPT/PPTX conversion) with distinct, specific triggers and minimal overlap with adjacent design skills.

5 / 5

Total

19

/

20

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.