CtrlK
BlogDocsLog inGet started
Tessl Logo

skip-link

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

61

Quality

73%

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-link/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-organized skill body with excellent progressive disclosure — the single reference is real, one level deep, and carries the executable HTML/CSS and verification steps. The weakness is the body itself: the Fix section delegates all key implementation detail (off-screen hiding, :focus reveal) without even a hint of the technique, and the intro/Explain sections repeat a benefit Claude already knows.

Suggestions

Add one compact inline code snippet (or at least name the technique, e.g., visually-hidden-until-:focus positioning) to the Fix section so the body is actionable without opening the reference.

Drop or merge the redundant benefit statement in the intro and the "Explain" section, which restate the same known concept twice.

Correct the reference pointer's claim of "framework-specific guidance" — references/rule.md contains generic HTML/CSS, not framework-specific material.

DimensionReasoningScore

Conciseness

The body is short, sectioned, and free of padding; it fits 'efficient; minor instances of over-explanation that could be trimmed'. The opening sentence ("Skip links allow keyboard and screen reader users to bypass repetitive navigation links, saving them significant time and effort") and the "Explain" section restate the same well-known benefit Claude already knows, keeping it below 5.

4 / 5

Actionability

Quick Reference bullets ("Add a skip link as the first focusable element", "Link it to the main content container ID") are concrete directives, but the body contains no executable detail — the crux of the fix (how to hide the link off-screen and reveal it on :focus) lives entirely in references/rule.md. This matches 'some concrete guidance but incomplete; missing key details' rather than 4, which requires concrete code or commands in the content itself.

3 / 5

Workflow Clarity

The section sequence (Quick Reference → Check → Fix → Explain → Code Review) is coherent and single-purpose, and the Code Review section explicitly requires noting "how to verify the fix with browser accessibility tooling or assistive tech" — clear sequence with most checkpoints present. Not 5 because the body's verification is a mention rather than a specified step, and not 3 because verification is explicitly required and fully specified one level deep in the reference's Verification section.

4 / 5

Progressive Disclosure

A short overview body with well-signaled, one-level-deep references: "see `references/rule.md`" points to a real file that contains the code examples and verification detail, and rule.md itself chains no further references. This matches the anchor for a clear overview with well-signaled one-level-deep references (and the under-50-lines guideline); only the minor overstatement 'framework-specific guidance' — which rule.md doesn't actually contain — keeps it from being flawless.

5 / 5

Total

16

/

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 well-formed description with an explicit trigger clause, concrete inspection actions, and third-person voice. Its main weakness is that the core capability (implement/verify skip links) is embedded in an awkward 'related to Implement…' clause instead of a plain action statement, and synonym coverage is slightly thin.

Suggestions

Lead with a direct capability statement in third person, e.g., "Implements and verifies 'Skip to Content' skip links in rendered HTML…" before the 'Use when' trigger.

Add natural synonyms such as "skip navigation link" or "bypass blocks" to the trigger phrase so users phrasing the request differently still match.

Clarify the awkward 'related to Implement "Skip to Content" links' construction, which reads as a title pasted into a sentence rather than a capability description.

DimensionReasoningScore

Specificity

Lists several concrete inspection actions — "Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output" — which matches the anchor for several specific actions with minor gaps. It is not 5 because it never states the skill's primary capability (implementing/adding skip links) as a direct action, only review-side checks.

4 / 5

Completeness

Both parts are present: an explicit trigger ("Use when reviewing rendered HTML, interactive components, or design-system patterns related to…") and a what (the check/inspect sequence). It falls short of 5 because the 'what' describes verification methodology rather than clearly stating what the skill does (implement and verify skip links), and the awkward 'related to Implement…' phrasing blurs the capability statement.

4 / 5

Trigger Term Quality

Includes the natural phrase users would say ("Skip to Content" links) plus "rendered HTML", "keyboard behavior", "focus flow", "screen-reader output" — good keyword coverage. Below 5 because common synonyms like "skip navigation", "bypass blocks", or "a11y/WCAG" are absent.

4 / 5

Distinctiveness Conflict Risk

The skip-link niche is clear and the trigger conditions are specific enough to avoid firing for unrelated skills. Minor overlap risk remains with sibling accessibility skills that share the same "reviewing rendered HTML / interactive components / keyboard behavior / accessible names" framing.

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.