CtrlK
BlogDocsLog inGet started
Tessl Logo

dlitem

Use when reviewing rendered HTML, interactive components, or design-system patterns related to Wrap definition items in a definition list. Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output where relevant.

65

Quality

78%

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

Quality

Content

85%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-structured instruction-only skill: the check and fix actions are unambiguous, the workflow is clearly sequenced, and detail is correctly delegated to a real, one-level-deep reference file. Only minor improvements are available — a slightly trimmable intro/Explain section and a concrete locating mechanism in the body.

DimensionReasoningScore

Conciseness

The body is lean and well-sectioned (Quick Reference, Check, Fix, Explain, Code Review) with almost no padding; the intro sentence ("Standalone <dt> or <dd> elements lose their semantic meaning...") and the meta-directive "Explain" section restate things Claude already knows and could be trimmed. Efficient with only minor over-explanation, matching the score-4 anchor rather than the every-token-earns-its-place anchor at 5.

4 / 5

Actionability

Concrete, executable instructions: "Locate any <dt> or <dd> elements that are not children of a <dl> element" and "Wrap orphaned <dt> and <dd> elements in a parent <dl> container", with runnable code examples in references/rule.md. Not 5 because the body gives no concrete locating mechanism (e.g., a grep pattern or the axe rule id) and defers all code to the reference file.

4 / 5

Workflow Clarity

For this simple single-purpose skill (body under 50 lines, one unambiguous action), the Check → Fix → Explain → Code Review sequence is clear and well-organized, with verification guidance ("note how to verify the fix with browser accessibility tooling or assistive tech") and a dedicated Verification section in the reference file. The simple-skill exception applies; this is not a destructive or batch operation, so no cap applies.

5 / 5

Progressive Disclosure

The body is a concise overview and appropriately pushes implementation details, code examples, and verification to a single well-signaled, one-level-deep reference: "For full implementation details, code examples, and framework-specific guidance, see references/rule.md" — and that file actually exists with exactly that content. Clear overview, appropriate split, easy navigation.

5 / 5

Total

18

/

20

Passed

Description

72%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.

The description explicitly covers both what and when with a clear trigger clause and concrete inspection actions, but it reads as templated accessibility-review boilerplate. The distinctive rule content (orphaned dt/dd must be wrapped in a dl) is under-represented, and natural trigger synonyms like the element names are missing.

Suggestions

Lead with the distinctive capability, e.g. "Flags and fixes orphaned <dt>/<dd> elements that are not children of a <dl>, restoring semantic term-definition association for assistive technologies."

Add natural trigger synonyms users would actually say: dl, dt, dd, description list, glossary markup, semantic HTML.

State the fix action (wrap orphaned items in a <dl> container) so the description covers the skill's outcome, not just the review procedure.

DimensionReasoningScore

Specificity

Lists several concrete actions — "Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output" — but never states the core corrective action (wrapping dt/dd in a dl), leaving minor gaps in coverage. It is above score 3 because more than 1-2 specific actions are named, but below 5 because the skill's actual outcome is absent.

4 / 5

Completeness

Explicitly answers both: what ("Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output") and when ("Use when reviewing rendered HTML, interactive components, or design-system patterns related to Wrap definition items in a definition list"). Both are explicit with concrete trigger phrases, matching the top anchor rather than the score-4 anchor where the when-clause could be more specific.

5 / 5

Trigger Term Quality

Includes relevant keywords like "rendered HTML", "definition list", and "definition items", but misses the most natural synonyms users would say: the element names dl/dt/dd, "description list", or "glossary". It matches the anchor for some relevant keywords missing common variations rather than the good-coverage anchor at 4.

3 / 5

Distinctiveness Conflict Risk

The niche is somewhat specific ("definition items in a definition list") but the broad opening — "reviewing rendered HTML, interactive components, or design-system patterns" — and the generic inspection actions would match nearly any frontend accessibility review skill, creating overlap risk with siblings. Not 4, because the distinguishing definition-list phrase is buried at the end rather than leading the description.

3 / 5

Total

15

/

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.