CtrlK
BlogDocsLog inGet started
Tessl Logo

tabindex

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

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

Quality

Content

57%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

A well-organized, lean overview with excellent progressive disclosure via a single clearly-signaled reference file. It is held back by redundant Quick Reference/Fix guidance, no in-body executable examples, and a templated Check/Fix/Explain/Code Review structure that is not a clearly sequenced, validated workflow.

Suggestions

De-duplicate the Quick Reference and Fix sections: keep the concrete value rules in Quick Reference and make Fix a single decisive instruction rather than restating 'avoid/remove positive tabindex values'.

Add one small in-body HTML snippet showing the bad-vs-good tabindex pattern so the skill is copy-paste actionable without forcing a jump to references/rule.md.

Tighten Check and Code Review into one ordered review workflow with an explicit verification step (e.g., confirm with the browser accessibility tree / keyboard pass) to give a clear validate-then-act sequence.

DimensionReasoningScore

Conciseness

Mostly efficient, but the Quick Reference bullet "Avoid positive values" and the Fix line "Remove positive tabindex values" restate the same guidance, and the intro justification of why positive tabindex is bad explains something Claude already knows.

2 / 3

Actionability

Gives concrete directives (use tabindex="0" or -1, remove positive values) but no in-body executable code examples — those are deferred to references/rule.md — so guidance is actionable yet incomplete for copy-paste use.

2 / 3

Workflow Clarity

The Check/Fix/Explain/Code Review sections give a loose sequence but overlap in content (Check and Code Review both cover reviewing for violations) and lack explicit validation checkpoints or a validate-then-retry feedback loop.

2 / 3

Progressive Disclosure

SKILL.md is a concise overview with a clearly signaled one-level-deep pointer — "see references/rule.md" — to the verified reference file holding code examples, rationale, and verification details.

3 / 3

Total

9

/

12

Passed

Description

92%

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 that follows the proven "actions + Use when triggers" pattern with concrete accessibility checks and explicit invocation guidance. Its main weakness is a generically broad "interactive components or design-system patterns" framing and an awkwardly embedded rule title that slightly blurs distinctiveness.

DimensionReasoningScore

Specificity

Lists multiple concrete actions — "Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output" — matching the anchor for several specific concrete actions.

3 / 3

Completeness

Explicitly answers both what ("Check native semantics... inspect keyboard behavior, focus flow, accessible names, and screen-reader output") and when ("Use when reviewing rendered HTML, interactive components, or design-system patterns").

3 / 3

Trigger Term Quality

Good coverage of natural terms a user would say — "rendered HTML", "keyboard behavior", "focus flow", "screen-reader", "tabindex" — though the embedded rule title "related to Use appropriate tabindex values" reads slightly awkwardly.

3 / 3

Distinctiveness Conflict Risk

The tabindex/focus niche is fairly distinct, but the broad framing "interactive components or design-system patterns" could overlap with general accessibility or frontend review skills; not clearly a unique trigger.

2 / 3

Total

11

/

12

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.