CtrlK
BlogDocsLog inGet started
Tessl Logo

autoplay-media

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

62

Quality

74%

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/autoplay-media/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

65%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 well-structured and uses progressive disclosure effectively with a real, clearly signaled reference file. Its weakness is actionability and workflow clarity: the body gives abstract direction without executable examples or explicit verification checkpoints.

Suggestions

Add one small inline code snippet (e.g. a before/after <video autoplay muted> markup fix) so the body is actionable without requiring the reference.

Add an explicit verification checkpoint to the workflow, e.g. 'After fixing, reload the page and confirm no audio plays and pause controls are reachable within the first few tab stops'.

Tighten the Check/Fix/Explain/Code Review sections to remove restated guidance and keep each section's content distinct.

DimensionReasoningScore

Conciseness

The body is a lean overview with short Quick Reference bullets and brief sections rather than a wall of text; it stays just above a 5 because the Check/Fix/Explain/Code Review sections partly restate the same autoplay guidance.

4 / 5

Actionability

Guidance is directive but largely abstract ('Flag exact elements...', 'Remove autoplay attributes', 'provide prominent, keyboard-accessible pause controls') with no executable code or selectors in the body; concrete examples are deferred to the reference file.

3 / 5

Workflow Clarity

Check/Fix/Explain/Code Review imply a sequence, but there are no explicit validation checkpoints or feedback loops describing how to confirm the fix worked; the skill is not batch/destructive so the destructive cap does not apply.

3 / 5

Progressive Disclosure

The body is a concise overview that clearly signals a single one-level-deep reference ('see references/rule.md'), which is a real bundle file, and splits detailed implementation out appropriately.

5 / 5

Total

15

/

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 clearly answers both what and when with concrete review actions and a 'Use when' clause. It is mostly distinct and uses third person, though trigger terms could include more user-natural synonyms like 'autoplay', 'video', or 'audio'.

Suggestions

Add natural trigger synonyms users would say, e.g. 'Use when the user mentions autoplaying video, audio that starts on load, or muted background media'.

Tie the concrete actions more tightly to the autoplay niche (e.g. 'verify media is muted by default and pause controls are keyboard reachable') rather than generic a11y inspection.

DimensionReasoningScore

Specificity

Names the domain (autoplaying media) and several concrete inspection actions ('inspect keyboard behavior, focus flow, accessible names, and screen-reader output'); slightly below a 5 because the actions are generic review verbs rather than a comprehensive enumerated list.

4 / 5

Completeness

Explicitly states both what to do ('Check native semantics first, then inspect keyboard behavior...') and when ('Use when reviewing rendered HTML, interactive components, or design-system patterns related to Avoid autoplaying media').

5 / 5

Trigger Term Quality

Natural triggers like 'reviewing rendered HTML, interactive components, or design-system patterns' are present and plausible, but common synonyms a user might say (e.g., 'autoplay', 'video', 'audio', 'muted') are largely absent from the description itself.

4 / 5

Distinctiveness Conflict Risk

The 'Avoid autoplaying media' niche is fairly distinct, but the inspection actions (keyboard behavior, focus flow, accessible names) overlap with general accessibility skills, leaving minor conflict risk with closely related a11y skills.

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

metadata_version

'metadata.version' is missing

Warning

Total

15

/

16

Passed

Repository
thedaviddias/Front-End-Checklist
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.