CtrlK
BlogDocsLog inGet started
Tessl Logo

td-headers-attr

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Link table cells to headers using IDs. 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/td-headers-attr/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.

The body is a lean, well-organized overview that correctly pushes code examples and detailed guidance into a clearly signaled one-level-deep reference file. Its main weakness is actionability: the body itself contains no executable example or concrete how-to for finding and fixing invalid `headers` references, deferring all specifics to the reference.

Suggestions

Include a minimal good/bad markup snippet or a concrete detection method (e.g. 'every id in a td's headers list must exist on a th in the same table') directly in the Check or Fix section.

Specify how to determine 'the appropriate th IDs' when fixing — e.g. list the row/column header ids that govern the cell, space-separated in source order.

Make the workflow ordering explicit (e.g. number the Check/Fix/Verify steps) and add a re-check loop confirming the fixed attribute resolves to existing th ids.

DimensionReasoningScore

Conciseness

The ~30-line body is lean with well-scoped sections; the only trimmable redundancy is that the Check section ("Verify that `td` headers attributes reference valid and existing `th` IDs") restates the Quick Reference bullet. Fits 'efficient; minor instances of over-explanation' rather than the flawless 5.

4 / 5

Actionability

Guidance is directive but not executable: no code, command, or selector appears in the body (the HTML example lives only in references/rule.md), and 'Correct the `headers` attribute to reference the appropriate `th` IDs' does not explain how to determine the appropriate ids. This matches 'some concrete guidance but incomplete; missing key details' — above 2 because the Quick Reference bullets do give concrete criteria (valid th id values, space-separated ids).

3 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections form a coherent sequence, and the Code Review section supplies a verification checkpoint ('note how to verify the fix with browser accessibility tooling or assistive tech'). Not 5 because the ordering is implicit in section layout with no explicit re-check-after-fix loop; not 3 because most checkpoints are present. This is a review skill, not a destructive/batch operation, so the validation cap does not apply.

4 / 5

Progressive Disclosure

The body is a clear overview that defers implementation details, code examples, and framework guidance to a single well-signaled reference: 'For full implementation details, code examples, and framework-specific guidance, see `references/rule.md`' — a real, verified, one-level-deep file. This matches the 'clear overview with well-signaled one-level-deep references' anchor.

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 several concrete inspection actions, though the actions are generic accessibility-review verbs rather than the specific check this rule performs (verifying td `headers` attribute references). Trigger keywords are good but miss common synonyms like 'accessibility' and 'tables'.

Suggestions

State the core capability in the description, e.g. 'Verify that td headers attributes reference valid, existing th id values and fix invalid references.'

Add natural trigger synonyms such as 'tables', 'table headers', 'accessibility', or 'screen readers' so users searching those terms find the skill.

Narrow the generic inspection list ('keyboard behavior, focus flow, accessible names') to what distinguishes this rule from sibling table-accessibility skills.

DimensionReasoningScore

Specificity

The description lists several concrete inspection actions ("Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output"), matching the 'several specific actions; minor gaps' anchor. It falls short of 5 because the skill's own concrete action — verifying that `td` `headers` attributes reference valid `th` ids — is never stated, and is above 3 because it goes beyond 1-2 actions.

4 / 5

Completeness

It has an explicit trigger clause ("Use when reviewing rendered HTML, interactive components, or design-system patterns related to Link table cells to headers using IDs") plus an action list for the 'what'. Not 5 because the 'what' describes generic accessibility inspection rather than the rule's core capability (validating the `headers` attribute against `th` ids); not 3 because the 'when' is explicit rather than weakly implied.

4 / 5

Trigger Term Quality

Natural terms like "rendered HTML", "table cells", "headers", "IDs", "keyboard", and "screen-reader output" give good keyword coverage anchored to the rule name itself. A few natural terms are missing ("accessibility", "tables", "scope", "WCAG"), so it fits the 4 anchor rather than the comprehensive 5.

4 / 5

Distinctiveness Conflict Risk

The trigger is anchored to the specific rule ("related to Link table cells to headers using IDs"), making it mostly distinct. Minor overlap risk remains with other accessibility-review skills because "keyboard behavior, focus flow, accessible names, and screen-reader output" would match many sibling a11y rules.

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.