CtrlK
BlogDocsLog inGet started
Tessl Logo

skip-navigation

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

66

Quality

80%

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

Quality

Content

85%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 well-structured, token-efficient body for a simple accessibility rule: concrete quick-reference bullets, a clear Check/Fix/Explain/Code Review flow, and a correctly signaled one-level reference containing the code and verification detail. Only minor trims (the duplicated motivational sentence) and a slightly abstract Fix section keep it from full marks.

DimensionReasoningScore

Conciseness

The ~30-line body is lean and directive (Quick Reference bullets, Check/Fix/Explain/Code Review sections) and defers all code and framework detail to references/rule.md. The one over-explanation is the motivational opener 'Skip links save keyboard and screen reader users from tabbing through 50+ navigation items...' — context Claude already knows, and which is repeated verbatim in references/rule.md — so it could be trimmed, but this is a minor instance rather than pervasive padding.

4 / 5

Actionability

The Quick Reference bullets are concrete and executable: 'Add a Skip to main content link as the first focusable element', 'Hide visually but show on focus with CSS', 'Link to main content using id=main-content', 'Test by pressing Tab immediately after page load'. It is not a 5 because the Fix section itself stays high-level ('Add a visually hidden skip link that becomes visible on focus') with no inline markup example — all code is deferred to the reference file — leaving minor gaps.

4 / 5

Workflow Clarity

This is a simple, single-purpose skill and the sequence is unambiguous: Check (verify the link is present and functional) → Fix (add the visually hidden, focus-visible link) → verify ('Test by pressing Tab immediately after page load'), with deeper Verification steps (Tab, Enter, focus moves to main content, screen reader announcement) in references/rule.md. No destructive or batch operations are involved, so no validation cap applies.

5 / 5

Progressive Disclosure

The body is a concise overview with a clearly signaled, one-level-deep reference — 'For full implementation details, code examples, and framework-specific guidance, see references/rule.md' — and the referenced file exists in the bundle (references/rule.md, containing the code example, CSS, framework examples, exceptions, and verification steps). Structure and navigation are clean with no inlining of content that belongs in the reference.

5 / 5

Total

18

/

20

Passed

Description

75%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 solid description with an explicit use-when trigger and a list of concrete inspection actions. Its main weaknesses are the missing common synonyms ('skip link', 'accessibility'), and an awkward embedded rule title that leaves the core capability indirectly stated.

Suggestions

Add the natural synonyms users actually say — 'skip link', 'skip to main content link', and 'accessibility'/'a11y' — to the trigger terms.

Rewrite 'related to Include a skip navigation link' into a grammatical capability statement, e.g. 'Audit and fix the skip navigation (skip to main content) link...'.

Briefly state the remediation side of the skill (verifying the fix and adding a visually hidden, focus-visible skip link) so the 'what' is comprehensive rather than inspection-only.

DimensionReasoningScore

Specificity

The description lists several concrete review actions — 'Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output' — giving it strong, specific capability language. It stops short of a 5 because it covers only inspection; the remediation outcome (verify/fix the skip link) is only implied by the awkwardly embedded rule title 'related to Include a skip navigation link'.

4 / 5

Completeness

Both parts are present: an explicit 'Use when reviewing rendered HTML, interactive components, or design-system patterns...' trigger clause, and a 'what' expressed through the concrete check/inspect actions. It is not a 5 because the core capability — auditing and fixing a skip navigation link — is stated indirectly via the capitalized rule title ('related to Include a skip navigation link') rather than as a clear, grammatical statement of what the skill does.

4 / 5

Trigger Term Quality

Good keyword coverage including 'rendered HTML', 'interactive components', 'design-system patterns', 'keyboard behavior', 'focus flow', and 'screen-reader output' — phrases a user doing a frontend a11y review would plausibly say. A few natural terms are missing: the common shorthand 'skip link', 'skip to main content', and the words 'accessibility'/'a11y' themselves.

4 / 5

Distinctiveness Conflict Risk

Naming 'skip navigation link' gives the skill a clear niche with minimal conflict risk against unrelated skills. Minor overlap remains with sibling accessibility-review skills that would share the same generic 'Use when reviewing rendered HTML, interactive components, or design-system patterns...' boilerplate trigger, making it mostly rather than fully distinct.

4 / 5

Total

16

/

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.