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.

66

Quality

80%

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

SKILL.md
Quality
Evals
Security

Quality

Content

77%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-structured, lean, and highly actionable skill body with an explicit validation step, a hard viewport-fit gate with remediation rules, and a deliverable checklist. The main defect is structural: the body directs reading STYLE_PRESETS.md three times, but that file is absent from the bundle, breaking progressive disclosure and leaving the mandatory CSS base unresolvable.

Suggestions

Ship STYLE_PRESETS.md (e.g., as references/STYLE_PRESETS.md) alongside SKILL.md — the body's key instruction 'Before generating, read STYLE_PRESETS.md for the viewport-safe CSS base' currently points at a file that does not exist in the bundle.

Move the Content Density Limits table and Anti-Patterns list into STYLE_PRESETS.md, which the body already claims holds 'density limits', to remove duplication and slim the overview.

Inline a minimal fallback viewport-safe CSS snippet (the height:100vh/100dvh + overflow:hidden block) so the hard viewport-fit gate remains executable even when the reference file is unavailable.

DimensionReasoningScore

Conciseness

Almost entirely imperative bullets and rules with no explanation of concepts Claude already knows; every token earns its place except the 'Inspired by the visual exploration approach showcased in work by zarazhangrui' attribution line and the slightly redundant 'Keep conversion cross-platform' remark. Anchor 4 (minor trimming possible), not the fully lean anchor 5.

4 / 5

Actionability

Highly concrete: exact CSS ('height: 100vh; height: 100dvh; overflow: hidden'), five named validation viewports, a density-limits table, per-OS opener commands, and a named extraction tool (python-pptx). The gap: the 'viewport-safe CSS base' and 'mandatory CSS block' are deferred to STYLE_PRESETS.md, which is not present in the bundle, leaving the core implementation guidance non-executable as shipped.

4 / 5

Workflow Clarity

A clear 7-step sequence (Detect Mode through Deliver) with an explicit Validate step ('Check the finished deck at these sizes: 1920x1080 ... 667x375'), a hard gate with an error-recovery rule ('when content does not fit, split into multiple slides'), and a final deliverable checklist — matching the anchor-5 pattern of explicit validation, feedback loops, and checklists.

5 / 5

Progressive Disclosure

The body consistently signals one-level-deep reading ('Before generating, read STYLE_PRESETS.md for the viewport-safe CSS base ...'), but the bundle contains no references/, scripts/, or assets/ directories and no STYLE_PRESETS.md anywhere, so the primary navigation target is dangling; the inline Content Density Limits table and Anti-Patterns also duplicate what STYLE_PRESETS.md is said to hold. Navigation is clearly intended but incomplete, fitting anchor 3 rather than 4.

3 / 5

Total

16

/

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: it answers what and when explicitly with concrete trigger phrases and good natural keyword coverage including file extensions. Weaknesses are cosmetic — one buzzword ('stunning') and a couple of missing synonyms like 'deck'.

DimensionReasoningScore

Specificity

Lists several concrete actions — 'Create ... HTML presentations from scratch', 'converting PowerPoint files', 'discover their aesthetic through visual exploration' — with only minor gaps (the enhancement mode from the body is absent). The leading buzzword 'stunning' is vague fluff but isolated; not comprehensive enough for a 5.

4 / 5

Completeness

Clearly 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 — a direct match for the anchor-5 example.

5 / 5

Trigger Term Quality

Good natural-term coverage: 'presentation', 'PowerPoint files', 'PPT/PPTX', 'slides', 'talk', 'pitch' — including file extensions. Common synonyms like 'deck' or 'slideshow' are missing, so it falls just short of comprehensive.

4 / 5

Distinctiveness Conflict Risk

'animation-rich HTML presentations' and 'convert a PPT/PPTX to web' carve a clear niche, but 'build a presentation' could also trigger a native PowerPoint-creation skill — minor overlap risk with a closely related skill, fitting anchor 4 rather than the minimal-conflict anchor 5.

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

frontmatter_unknown_keys

Unknown frontmatter key(s) found; consider removing or moving to metadata

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.