CtrlK
BlogDocsLog inGet started
Tessl Logo

focus-not-obscured

Use when reviewing sticky navigation, consent banners, chat widgets, skip links, or any fixed-position UI. Validate the actual tab order and viewport behavior at realistic zoom levels.

63

Quality

75%

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/focus-not-obscured/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

75%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 compact, well-structured accessibility audit skill that points cleanly to a single reference for depth. It provides concrete actionable guidance without padding and organizes the workflow into clear phases.

DimensionReasoningScore

Conciseness

Lean body that assumes Claude's knowledge — no padded explanations of what sticky headers or focus rings are — with only minor overlap between the Quick Reference and the Check/Fix sections.

4 / 5

Actionability

Instruction-only audit skill with concrete, specific guidance ('Use scroll-padding', 'Test with cookie banners, chat widgets, and consent bars open', 'Re-test at zoomed and mobile layouts'); absence of inline code is acceptable here per the code-vs-instruction note.

4 / 5

Workflow Clarity

A clear Quick Reference → Check → Fix → Explain → Code Review sequence with a re-test checkpoint, though validation steps are implicit rather than spelled out as a validate→fix→retry loop.

4 / 5

Progressive Disclosure

Body is an overview with a single one-level-deep reference (`references/rule.md`) clearly signaled at the bottom and well-organized sections; only minor signaling polish would reach the top anchor.

4 / 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-crafted description that clearly states both trigger conditions and the concrete validation work to perform. It is concise, natural-sounding, and distinct from other skills.

DimensionReasoningScore

Specificity

Names the domain and several concrete actions — 'reviewing sticky navigation, consent banners, chat widgets, skip links' and 'Validate the actual tab order and viewport behavior at realistic zoom levels' — with only minor coverage gaps.

4 / 5

Completeness

Explicitly answers both 'when' ('Use when reviewing sticky navigation...') and 'what' ('Validate the actual tab order and viewport behavior'), though the 'what' could be marginally more specific.

4 / 5

Trigger Term Quality

Strong natural-language trigger coverage ('sticky navigation, consent banners, chat widgets, skip links', 'tab order', 'zoom levels') that users would plausibly say, missing only a few synonyms.

4 / 5

Distinctiveness Conflict Risk

Targets a clear niche — focus visibility under fixed-position UI — with distinct triggers and minimal overlap risk with adjacent accessibility skills.

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.

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.