CtrlK
BlogDocsLog inGet started
Tessl Logo

keyboard-navigation

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

64

Quality

77%

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/keyboard-navigation/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

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

A lean, well-structured review skill body with clean progressive disclosure to references/rule.md and a clear check→fix workflow. Its weakness is redundancy: the Quick Reference bullets are paraphrased twice more in the Check and Fix sections, and verification lacks an explicit validate→fix→retry loop.

Suggestions

Collapse the overlap between Quick Reference, Check, and Fix — state each rule (tabindex, positive values, hidden content, modal traps) once, keeping Quick Reference as the canonical bullet list and letting Check/Fix reference it rather than restate it.

Make verification an explicit checkpoint: add a short 'Verify' step naming the concrete procedure (e.g., the automated and manual checks detailed in references/rule.md) and what to do when a check fails, mirroring the reference's Verification section.

In the Code Review section, replace the general 'browser accessibility tooling' phrasing with one or two named tools or techniques (e.g., tab-through walkthrough, focus inspector) so the verification instruction is directly executable.

DimensionReasoningScore

Conciseness

The Quick Reference bullets are restated nearly verbatim in both the 'Check' and 'Fix' sections ('Never use positive tabindex values' reappears as 'Avoid positive tabindex values'; the tabindex='-1' rule appears twice). The redundancy across three sections could be collapsed, though there is no concept-teaching padding.

3 / 5

Actionability

Concrete prescriptions are present ('tabindex=\'-1\'', 'working Escape path', 'Avoid positive tabindex values') and the review sequence is specific. Code examples and test commands are deferred to references/rule.md rather than inlined, leaving minor gaps.

4 / 5

Workflow Clarity

A clear ordered sequence exists ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output') with Check→Fix→Explain→Code Review phases, and the Code Review section directs verifying the fix with accessibility tooling. Verification is mentioned but not framed as an explicit checkpoint with a feedback loop.

4 / 5

Progressive Disclosure

The body is a concise overview with a single well-signaled, one-level-deep reference ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md'), which exists in the bundle and contains no nested references.

5 / 5

Total

16

/

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.

A strong description with explicit 'Use when' triggers and a concrete, ordered action list. Its main weaknesses are the grammatically awkward embedding of the rule title and missing common trigger synonyms like 'tab order' and 'a11y'.

DimensionReasoningScore

Specificity

Lists several concrete actions ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output') with only minor gaps. The awkwardly embedded rule title ('related to Enable keyboard navigation for all elements') and absence of fix-oriented actions keep it below the comprehensive anchor.

4 / 5

Completeness

Explicitly answers both questions: 'Use when reviewing rendered HTML, interactive components, or design-system patterns...' provides concrete trigger phrases, and the action list clearly states what the skill does.

5 / 5

Trigger Term Quality

Good natural keyword coverage ('keyboard navigation', 'rendered HTML', 'interactive components', 'focus flow', 'screen-reader') but common variations like 'tab order', 'a11y', 'accessibility', and 'focus trap' are missing.

4 / 5

Distinctiveness Conflict Risk

The keyboard-navigation niche is mostly distinct, but 'accessible names' and 'screen-reader output' overlap with sibling accessibility skills, and 'design-system patterns' is broad.

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.

Validation — 15 / 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.