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.

58

Quality

68%

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 ./skills/design/capabilities/create-html-slides/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

52%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 body is highly actionable and well-sequenced across its phases, but it suffers from significant verbosity — duplicated CSS blocks and restated session flows — and bundles all reference material inline with no progressive-disclosure file structure. Splitting reference material into separate files and de-duplicating the CSS would lift its weakest dimensions.

Suggestions

Move the full viewport-fitting CSS, animation patterns, and effect→feeling reference into separate files (e.g. REFERENCES/viewport.css, ANIMATIONS.md) and link to them one level deep instead of inlining everything in SKILL.md.

De-duplicate the mandatory viewport CSS: present it once in the fitting-requirements section and reference it from the HTML architecture template rather than reproducing it verbatim.

Trim the 'Example Session Flow' and 'Conversion Session Flow' sections, which restate the already-detailed Phase 1–5 sequence, to reduce padding.

DimensionReasoningScore

Conciseness

The ~1100-line body is noticeably verbose: the mandatory viewport CSS is duplicated nearly verbatim in both the dedicated fitting section and the HTML architecture template, and session-flow sections restate phases already detailed, fitting the 'noticeably verbose; several unnecessary padded sections' anchor rather than the merely-tightenable 3.

2 / 5

Actionability

Provides executable python-pptx extraction code, concrete CSS/JS templates, preset tables, file-structure layouts, and AskUserQuestion prompts, with only minor gaps such as the stubbed SlidePresentation JS (`// ... methods`), matching 'mostly executable guidance' below the fully copy-paste 5.

4 / 5

Workflow Clarity

Phases 0–5 are clearly sequenced with checkpoints (Step 4.2 content confirmation, overflow checklist, viewport test sizes), but the main generation step lacks an explicit validate-then-fix feedback loop, leaving it just below the full-validation 5.

4 / 5

Progressive Disclosure

It is a monolithic single SKILL.md with no references/scripts/assets bundle, and large reference material (full viewport CSS, animation patterns, effect→feeling mapping, troubleshooting) is inlined rather than split into one-level-deep files, matching the 'content that clearly belongs in separate files is inlined' anchor.

2 / 5

Total

12

/

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.

The description is strong: it states concrete capabilities, gives explicit 'Use when...' trigger guidance with file extensions, and carves out a recognizable niche. Its only weaknesses are a few missing natural synonyms and minor overlap risk with broader design skills.

DimensionReasoningScore

Specificity

Names the domain and several concrete actions — "Create...HTML presentations from scratch", "converting PowerPoint files", "convert a PPT/PPTX to web", "create slides for a talk/pitch" — with only minor coverage gaps, fitting the 'several specific actions' anchor rather than the fully comprehensive 5.

4 / 5

Completeness

Explicitly answers both what (create/convert HTML presentations) 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, matching the top anchor.

5 / 5

Trigger Term Quality

Includes natural user phrases ("build a presentation", "create slides for a talk/pitch") plus the PPT/PPTX file extension, but misses a few common synonyms like "deck" or "slide deck", placing it just below the comprehensive 5 anchor.

4 / 5

Distinctiveness Conflict Risk

The HTML-presentation niche is mostly distinct with specific triggers, but "presentation" and "slides" terminology carries minor overlap risk with adjacent design skills, keeping it just below the minimal-conflict 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.

Validation15 / 16 Passed

Validation for skill structure

CriteriaDescriptionResult

skill_md_line_count

SKILL.md is long (1109 lines); consider splitting into references/ and linking

Warning

Total

15

/

16

Passed

Repository
gooseworks-ai/goose-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.