CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

frontend-slides

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

Quality

65%

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

Fix and improve this skill with Tessl

tessl review fix ./skills/frontend-slides/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

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

The skill body is a well-sequenced, information-dense workflow with genuinely useful non-obvious rules (viewport invariants, density limits, CSS negation gotcha). Its critical flaw is that the bundle is incomplete: every design/CSS reference file the workflow depends on is missing, making the core generation phases unexecutable as shipped, and the viewport rules are redundantly repeated across sections.

Suggestions

Ship the four missing referenced files (STYLE_PRESETS.md, viewport-base.css, html-template.md, animation-patterns.md) or inline the mandatory viewport CSS into SKILL.md so Phase 3 is executable.

Consolidate the viewport-fitting rules into one canonical section and reference it from Mode C / Phase 3 instead of restating them four times.

Add an explicit post-generation validation step (e.g., verify every slide fits 1280x720 with no overflow) and error-recovery guidance for failed pptx extraction in Phase 4.

DimensionReasoningScore

Conciseness

The body is mostly dense with real, non-obvious guidance (density-limit table, breakpoints, the calc(-1 * clamp()) gotcha), but viewport rules are restated in four places (Core Principles, Viewport Fitting Rules, Mode C rules, Phase 3 key requirements) and the aesthetics lists repeat themselves ('Avoid generic fonts like Arial and Inter' then 'Overused font families (Inter, Roboto, Arial...)'). This is more tightening work than the 'minor instances' of a 4, but not the pervasive padding of a 2.

3 / 5

Actionability

Concrete, executable guidance is strong in places (exact CSS declarations, per-slide density limits, the extraction command 'python scripts/extract-pptx.py <input.pptx> <output_dir>', AskUserQuestion specs), but key details are missing: the four files it instructs Claude to read and include (viewport-base.css, html-template.md, animation-patterns.md, STYLE_PRESETS.md) do not exist in the bundle, so Phase 2/3 cannot be executed as written. This lands on the 'incomplete; missing key details' anchor rather than 4's 'minor gaps'.

3 / 5

Workflow Clarity

Phases 0-5 form a clear, gated sequence with user-confirmation checkpoints (Step 1.2 outline confirmation, Step 2.3 style pick, Phase 4 step 2) and Mode C has explicit post-modification verification ('After ANY modification, verify: ... content fits at 1280x720'). A 5 would require explicit validation after full generation (viewport-fit check for new decks) and error-recovery guidance for failed pptx extraction; not a 3 since checkpoints are present, not merely implied.

4 / 5

Progressive Disclosure

The in-body structure is good — a 'Supporting Files' table with what/when-to-read and clearly signaled one-level-deep references ('Before generating, read these supporting files'). However, scored against the actual bundle, four of the five referenced files are absent (only scripts/extract-pptx.py exists), so the disclosure chain breaks at its first hop. This falls between 'references present but not clearly signaled' (3) and 'references mostly clear, minor gaps' (4) — the signaling is a 4-5 but the missing files are a major, not minor, gap, so 3 fits best.

3 / 5

Total

13

/

20

Passed

Description

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

The description communicates the core capability concisely but reads more like a tagline than a trigger-optimized skill description. It lacks any 'Use when...' guidance and misses common synonyms (slides, deck, PPT, .pptx), while 'stunning' adds buzzword without substance.

Suggestions

Add an explicit trigger clause, e.g., 'Use when the user asks to create a presentation, slide deck, or pitch, or wants to convert a PowerPoint (.pptx) file into a web-based deck.'

Include natural synonyms and extensions users actually say: slides, slide deck, PPT, .pptx, pitch deck.

Replace the buzzword 'stunning' with a concrete capability (e.g., zero-dependency single-file HTML output) and consider mentioning the enhance-existing-HTML mode the body supports.

DimensionReasoningScore

Specificity

The description names the domain ('HTML presentations') and two concrete actions ('Create ... from scratch', 'converting PowerPoint files'), but coverage is not comprehensive — it omits the enhancement mode and file extensions, and 'stunning' is fluffy filler. It matches the anchor for 1-2 concrete actions without full coverage; a 4 would require several listed actions with only minor gaps.

3 / 5

Completeness

The 'what' is clear (create animation-rich HTML presentations, convert PowerPoint files), but there is no 'Use when...' clause or equivalent explicit trigger guidance, which caps completeness at 3 per the judging guidelines. Not a 4 because the 'when' is entirely absent rather than merely under-specified.

3 / 5

Trigger Term Quality

It includes the primary natural terms users would say ('presentations', 'PowerPoint', 'HTML'), which sit noticeably above the midpoint anchor of 'some relevant keywords but missing common variations'. It falls short of 5 because common synonyms and extensions like 'slides', 'slide deck', 'PPT', and '.pptx' are absent.

4 / 5

Distinctiveness Conflict Risk

'HTML presentations' plus 'PowerPoint' conversion carves a mostly distinct niche with trigger terms unlikely to fire for unrelated skills. Minor overlap risk exists with generic presentation/pptx skills (e.g., a .pptx manipulation skill), keeping it below the clear-niche anchor of 5.

4 / 5

Total

14

/

20

Passed

Validation

87%

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

Validation — 14 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

frontmatter_unknown_keys

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

Warning

relative_links

Relative link issues: 9 missing

Warning

Total

14

/

16

Passed

Repository

administrakt0r/AI-Agents-Safe-Coding-Skills

Path

skills/frontend-slides/SKILL.md

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.