CtrlK
BlogDocsLog inGet started
Tessl Logo

duplicate-id-active

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Use unique IDs for active elements. 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/duplicate-id-active/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 body with a clean Check/Fix/Explain structure and exemplary progressive disclosure to a single real reference file. Its weakest point is actionability: the body tells Claude what to look for but not how (no detection command, selector, or tool invocation is given inline), and the Quick Reference section is mildly redundant with the sections that follow.

Suggestions

Add one concrete detection method to the Check section, e.g. `document.querySelectorAll('button, a, input, select, textarea [id]')` or a grep/lint command, so the check is executable rather than descriptive.

Replace the implicit verification note with an explicit checkpoint, e.g. "Verify: re-run an axe DevTools audit and confirm no 'duplicate-id' violations remain before finishing."

Merge or trim the Quick Reference bullets, which restate the Check/Fix/Explain sections, to remove redundancy.

DimensionReasoningScore

Conciseness

The body is short, well-sectioned, and assumes Claude's competence — e.g. "Duplicate IDs on active elements can cause browsers and assistive technologies to skip items, misdirect focus, or fail to trigger the correct action" adds rule-specific consequences, not general HTML knowledge. It is not 5 because the three "Quick Reference" bullets ("Ensure all focusable elements... have unique id values", "Avoid duplicate IDs...", "Prevent screen reader confusion...") largely restate the Check/Fix/Explain sections that follow, which is a minor but trimmable redundancy.

4 / 5

Actionability

The Check section gives one concrete instruction — "Search for duplicate id attributes on focusable or active HTML elements" — and Fix gives a clear remedy ("Assign a unique id to each active element"), but no executable method is provided in the body: no search command, selector (e.g. document.querySelectorAll('[id]')), lint/axe invocation, or worked example. This matches the anchor 'some concrete guidance but incomplete; missing key details', and exceeds score 2 because the guidance is specific about what to look for and how to fix it.

3 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections give a clear, unambiguous sequence for a simple, non-destructive skill, and the Code Review section includes verification guidance ("note how to verify the fix with browser accessibility tooling or assistive tech"). It is not 5 because verification is mentioned only as something to "note" rather than an explicit checkpoint (e.g. re-run an axe/lint audit and confirm no duplicate-id violations remain), so a validation step is implicit rather than built in.

4 / 5

Progressive Disclosure

The body is a concise overview under 50 lines with a single clearly signaled, one-level-deep pointer — "For full implementation details, code examples, and framework-specific guidance, see `references/rule.md`" — and that file exists and contains exactly the promised implementation details, code examples, and framework guidance. This matches the anchor for a clear overview with well-signaled one-level-deep references and easy navigation.

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 solid description with an explicit 'Use when' trigger and a list of concrete inspection actions, written in an acceptable imperative/third-person voice. Its main weaknesses are that it never states the skill's core action (detect/fix duplicate IDs), embeds the rule title awkwardly mid-sentence, and reuses generic accessibility-review trigger phrasing that overlaps sibling rule skills.

Suggestions

State the core capability explicitly, e.g. "Detects duplicate id attributes on focusable/active HTML elements and guides fixing them with unique IDs."

Replace the awkward "related to Use unique IDs for active elements" clause with natural trigger keywords such as "duplicate IDs", "duplicate id attributes", or "accessibility review".

Differentiate the trigger from sibling accessibility-rule skills by naming the specific symptom (e.g. misdirected focus, skipped controls) rather than the shared "rendered HTML, interactive components, or design-system patterns" phrasing.

DimensionReasoningScore

Specificity

The description lists several concrete 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 falls short of 5 because none of the actions state the skill's core operation (detecting duplicate IDs or assigning unique IDs); the actions are generic accessibility-review verbs rather than this rule's specifics.

4 / 5

Completeness

Both parts are present: an explicit "Use when reviewing rendered HTML, interactive components, or design-system patterns..." trigger plus check/inspect actions as the 'what'. It does not reach 5 because the 'what' never states what the skill actually does about the problem (find duplicate IDs / assign unique IDs), leaving the core capability implicit.

4 / 5

Trigger Term Quality

Natural trigger terms are present — "rendered HTML", "interactive components", "design-system patterns", "keyboard", "focus", "screen-reader" — giving good keyword coverage. It is not 5 because common user phrasings like "duplicate IDs", "accessibility audit/review", or "a11y" are absent, and the phrase "related to Use unique IDs for active elements" awkwardly embeds the rule title rather than a natural keyword.

4 / 5

Distinctiveness Conflict Risk

The description is scoped to a clear niche — unique IDs on active elements within HTML/accessibility review — so it is mostly distinct with minor overlap risk against sibling accessibility-rule skills that share the same "rendered HTML, interactive components" trigger phrasing. It is not 5 because that shared generic trigger clause would fire for many related accessibility skills in the same family.

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.