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.

85

1.35x
Quality

88%

Does it follow best practices?

Impact

65%

1.35x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Quality

Content

77%Weight 40%Scale 1-3

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

A well-structured, highly actionable skill with a clear phased workflow and validation checkpoints. Its main weaknesses are repetitive preachy prose in the Design Aesthetics section and missing bundle files that the body marks as mandatory.

Suggestions

Tighten the Design Aesthetics section: state the anti-generic-font/palette guidance once and drop the repeated 'AI slop'/'think outside the box' pep talk to reclaim tokens.

Ship the missing mandatory referenced files (viewport-base.css, STYLE_PRESETS.md, html-template.md, animation-patterns.md, bold-template-pack/selection-index.json) so the progressive-disclosure links resolve.

If a file is not yet available, say so explicitly in the Supporting Files table rather than instructing the model to read and inline content that does not exist.

DimensionReasoningScore

Conciseness

Mostly efficient with concrete rules, tables, and real commands, but the Design Aesthetics section restates the anti-'AI slop' message three times ('You tend to converge...', 'Avoid generic AI-generated aesthetics', 'it is critical that you think outside the box!') with preachy filler that could be tightened.

2 / 3

Actionability

Provides fully executable guidance: exact commands ('python scripts/extract-pptx.py <input.pptx> <output_dir>', 'bash scripts/deploy.sh <path>', 'bash scripts/export-pdf.sh <path> [output.pdf] --compact'), specific CSS fixes ('use calc(-1 * clamp(...)) instead'), and concrete 1920×1080 stage rules.

3 / 3

Workflow Clarity

Clear Phase 0–6 sequence with explicit validation checkpoints — Mode C step 4 'After ANY modification, verify...', Phase 3 'verify both content overflow and panel overlap in rendered browser screenshots', and Playwright install failure recovery — matching the anchor for sequenced steps with feedback loops.

3 / 3

Progressive Disclosure

Structure and signaling are excellent (a 'Supporting Files' table with Purpose/When-to-Read, one-level-deep links), but core referenced files are missing from the bundle — viewport-base.css (declared 'NON-NEGOTIABLE' and 'include its full contents'), STYLE_PRESETS.md, html-template.md, animation-patterns.md, and bold-template-pack/selection-index.json do not exist, so the disclosure leads nowhere for mandatory content.

2 / 3

Total

10

/

12

Passed

Description

100%Weight 40%Scale 1-3

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: concrete actions, explicit 'Use when' triggers, natural user vocabulary, and a distinct niche. Voice is appropriately third person, so no specificity penalty applies.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — 'Create stunning, animation-rich HTML presentations from scratch or by converting PowerPoint files' — naming both creation-from-scratch and PPTX conversion, matching the anchor for several specific concrete actions.

3 / 3

Completeness

Explicitly answers what ('Create...HTML presentations...by converting PowerPoint files') and when via a clear 'Use when the user wants to build a presentation, convert a PPT/PPTX to web, or create slides for a talk/pitch' clause.

3 / 3

Trigger Term Quality

Covers natural terms users would say — 'build a presentation', 'convert a PPT/PPTX to web', 'create slides for a talk/pitch' — giving good coverage of common phrasings.

3 / 3

Distinctiveness Conflict Risk

Occupies a clear niche (HTML presentations / PPTX-to-web conversion) with distinct triggers unlikely to fire for unrelated skills.

3 / 3

Total

12

/

12

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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

relative_links

Relative link issues: 12 missing

Warning

Total

15

/

16

Passed

Repository
zarazhangrui/frontend-slides
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.