CtrlK
BlogDocsLog inGet started
Tessl Logo

focus-order

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

68

Quality

83%

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

SKILL.md
Quality
Evals
Security

Quality

Content

78%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 concise, well-structured review skill that delegates detail appropriately to a real reference file and gives concrete actionable tabindex guidance. Making the verification checkpoint in the Code Review section an explicit step would push workflow clarity higher.

Suggestions

Add an explicit verification step (e.g., 'Verify the fix by tabbing through the page and confirming focus order matches visual order') to the workflow.

Trim the 'Explain' section to avoid restating the intro rationale.

Surface one minimal inline code snippet (e.g., the tabindex do/don't) so the body is self-sufficient for the common case.

DimensionReasoningScore

Conciseness

Lean body that assumes Claude's competence and avoids explaining basic concepts; the 'Explain' section lightly re-states the rationale and could be trimmed, keeping it just below a 5.

4 / 5

Actionability

Provides concrete, actionable guidance (e.g., 'Use tabindex=0 for custom interactive elements and tabindex=-1 for programmatic focus management', 'Never use positive tabindex values') with minor gaps since executable code lives in the reference.

4 / 5

Workflow Clarity

Check/Fix/Explain/Code Review sections give a clear review sequence with verification mentioned ('note how to verify the fix with browser accessibility tooling'); checkpoints are present but somewhat implicit rather than explicit validation steps.

4 / 5

Progressive Disclosure

Concise overview body (~30 lines) with a well-signaled one-level-deep pointer to the real references/rule.md for full details, code examples, and framework guidance.

5 / 5

Total

17

/

20

Passed

Description

87%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, well-scoped description that clearly states both capability and trigger conditions for a focus-order accessibility review skill. It would benefit from a couple of common natural synonyms (tab order, keyboard navigation) to round out trigger terms.

Suggestions

Add natural synonyms like 'tab order' and 'keyboard navigation' to broaden trigger-term coverage.

Consider mentioning the review output (e.g., flagging violations and verifying fixes) to sharpen the 'what' further.

DimensionReasoningScore

Specificity

Names the a11y/focus-order domain and lists several concrete review actions ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output'); minor coverage gaps keep it just below a 5.

4 / 5

Completeness

Explicitly answers both what (check semantics, inspect keyboard behavior/focus flow/accessible names/screen-reader output) and when ('Use when reviewing rendered HTML, interactive components, or design-system patterns') with concrete trigger phrases.

5 / 5

Trigger Term Quality

Includes natural reviewer phrasing ('rendered HTML, interactive components', 'keyboard behavior', 'focus flow', 'screen-reader output') but omits common synonyms a user might say such as 'tab order' or 'keyboard navigation'.

4 / 5

Distinctiveness Conflict Risk

Scoped narrowly to 'Ensure logical focus order' within accessibility, with distinct triggers and minimal overlap with other skills.

5 / 5

Total

18

/

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.