CtrlK
BlogDocsLog inGet started
Tessl Logo

frontend-slides

Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files.

56

Quality

65%

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 ./plugins/AI-Agents-Safe-Coding-Skills/skills/frontend-slides/SKILL.md

The canonical home for this skill is frontend-slides in administrakt0r/AI-Agents-Safe-Coding-Skills

SKILL.md
Quality
Evals
Security

Quality

Content

77%Scale 1-5

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

This is a well-structured, comprehensive skill with excellent workflow clarity and progressive disclosure. Its main weakness is verbosity in the design aesthetics section, which spends significant tokens on coaching Claude about creative design philosophy rather than providing concrete, actionable patterns. The actionability is strong but could benefit from inline code snippets showing example HTML output rather than delegating everything to supporting files.

Suggestions

Trim the 'Design Aesthetics' section significantly—condense the anti-AI-slop guidance into 3-4 bullet points of concrete do/don't rules rather than philosophical coaching paragraphs.

Add a brief inline example of what a generated slide's HTML structure looks like (even 10-15 lines) so the skill is more self-contained and actionable without requiring reading html-template.md first.

DimensionReasoningScore

Conciseness

The skill is fairly long (~200+ lines) and includes some unnecessary explanations (e.g., the 'Design Aesthetics' section extensively explains what AI slop is and how to avoid it, which is more philosophical than actionable). The viewport fitting rules and content density tables are efficient, but the overall document could be tightened—particularly the design guidance which reads more like coaching than instruction.

3 / 5

Actionability

The skill provides concrete steps, specific commands (e.g., `python scripts/extract-pptx.py`), clear tables for content density limits, and references to specific files to read. However, it lacks inline executable code examples—the actual HTML/CSS/JS generation is delegated to supporting files. The phases are well-defined with specific actions, but some steps like 'generate 3 distinct single-slide HTML previews' lack concrete templates.

4 / 5

Workflow Clarity

The multi-phase workflow (Phase 0 through Phase 5) is clearly sequenced with explicit decision points (Mode A/B/C detection), user confirmation checkpoints (AskUserQuestion calls), and validation steps (Mode C modification rules include explicit verification steps). The PPT conversion path includes a confirm step before proceeding. The workflow handles branching paths cleanly.

5 / 5

Progressive Disclosure

Excellent structure with a clear overview in SKILL.md and well-signaled one-level-deep references to supporting files (STYLE_PRESETS.md, viewport-base.css, html-template.md, animation-patterns.md, extract-pptx.py). The supporting files table at the bottom clearly maps each file to its purpose and when to read it. Content is appropriately split between the main skill and referenced files.

5 / 5

Total

17

/

20

Passed

Description

53%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.

The description communicates a clear niche—animated HTML presentations with PowerPoint conversion—but lacks a 'Use when...' clause that would help Claude know when to select this skill. The trigger term coverage is moderate, missing common synonyms and file extensions users might mention. Adding explicit trigger guidance and more natural keywords would significantly improve skill selection accuracy.

Suggestions

Add a 'Use when...' clause with trigger terms like 'slides', 'slideshow', 'presentation', '.pptx', 'convert PowerPoint to HTML', 'reveal.js'

Include more natural keywords and file extensions users would mention, such as 'slides', 'deck', '.pptx', '.html', 'slide deck'

Expand specific capabilities beyond 'create' and 'convert', e.g., 'add transitions, embed media, customize themes'

DimensionReasoningScore

Specificity

Names the domain (HTML presentations) and two concrete actions (create from scratch, convert PowerPoint files), plus mentions animations. However, it lacks detail on specific capabilities like slide transitions, themes, export options, etc.

3 / 5

Completeness

Has a clear 'what' (create animation-rich HTML presentations, convert PowerPoint files) but completely lacks a 'when' clause or explicit trigger guidance. Per rubric guidelines, missing 'Use when...' caps completeness at 3.

3 / 5

Trigger Term Quality

Includes some relevant keywords like 'HTML presentations', 'PowerPoint', and 'animation', but misses natural user terms like 'slides', '.pptx', 'slideshow', 'reveal.js', 'convert pptx to html', or 'presentation deck'.

3 / 5

Distinctiveness Conflict Risk

The combination of 'HTML presentations' with 'animation-rich' and PowerPoint conversion is fairly distinctive. There's minor overlap risk with general PowerPoint skills or generic HTML generation skills, but the specific niche of animated HTML presentations is reasonably clear.

4 / 5

Total

13

/

20

Passed

Validation

90%

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

Validation10 / 11 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

Total

10

/

11

Passed

Repository
administrakt0r/AI-Agents-Safe-Coding-Skills
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.