CtrlK
BlogDocsLog inGet started
Tessl Logo

frame-title

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

64

Quality

76%

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

Quality

Content

77%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 single-rule skill with an unambiguous check/fix workflow and a properly signaled one-level-deep reference. Its main weaknesses are a redundant 'Quick Reference' section that restates the Check/Fix guidance and an opening rationale sentence that explains knowledge Claude already has.

Suggestions

Remove the 'Quick Reference' section — its three bullets duplicate the Check and Fix sections almost word-for-word, saving tokens without losing information.

Delete or shorten the intro rationale sentence ('Frame titles allow users of assistive technology...') since it explains a concept Claude already knows; the 'Explain' section already covers user-facing rationale.

Trim the generic 'Code Review' boilerplate ('roles, labels, focus behavior, or keyboard interactions') to focus on what this rule actually checks: missing, empty, or non-descriptive title attributes on frames.

DimensionReasoningScore

Conciseness

The body is short but contains trimmable material: the intro rationale ('Frame titles allow users of assistive technology to quickly understand the content of an iframe without having to navigate into it, which is crucial for navigation and orientation') explains a concept Claude already knows, and the 'Quick Reference' bullets ('Add a descriptive `title` attribute to every `<iframe>`') duplicate the Check and Fix sections almost verbatim.

3 / 5

Actionability

Concrete, executable instructions are present: 'Verify that all <iframe> and <frame> elements have a non-empty title attribute' and 'Add a descriptive title attribute to the <iframe> tag'. As an instruction-only skill the absence of inline code is acceptable, but no example of a good vs. bad title or concrete verification command appears in the body itself (they are deferred to references/rule.md), leaving minor gaps.

4 / 5

Workflow Clarity

This is a simple single-task skill and the single action is unambiguous: check that every iframe/frame has a non-empty descriptive title, then add one if missing. The Check → Fix → Explain → Code Review ordering is coherent, the Code Review section points to verification ('note how to verify the fix with browser accessibility tooling or assistive tech'), and the operation is non-destructive so no validation checkpoint is required.

5 / 5

Progressive Disclosure

The body is a lean overview and the single bundle file (references/rule.md, verified to exist) is clearly signaled one level deep: 'For full implementation details, code examples, and framework-specific guidance, see references/rule.md.' Content is appropriately split between the quick check/fix in the body and code examples, best practices, and verification in the reference.

5 / 5

Total

17

/

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, good natural keywords (iframes, frames, titles, screen-reader), and several concrete actions in third-person voice. Its broad 'reviewing rendered HTML, interactive components, or design-system patterns' preamble and process-only 'what' keep it a notch below the top anchors.

DimensionReasoningScore

Specificity

It lists several concrete actions — 'Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output' — in third-person imperative voice. Not a 5 because none of the actions mention the rule's own remedy (verifying or adding a title attribute), so coverage of the actual task is indirect.

4 / 5

Completeness

Both parts are explicit: the when clause ('Use when reviewing rendered HTML, interactive components, or design-system patterns related to Provide titles for iframes and frames') and the what ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output'). Not a 5 because the 'what' describes a generic review process rather than the frame-title task itself, and the 'when' preamble ('reviewing rendered HTML, interactive components, or design-system patterns') is broad enough that it could be more specific.

4 / 5

Trigger Term Quality

Good natural keyword coverage: 'iframes', 'frames', 'titles', 'rendered HTML', 'screen-reader output', 'accessible names'. Missing a few natural variations users would say, such as 'title attribute', 'a11y', 'accessibility', 'WCAG', or 'embedded content'.

4 / 5

Distinctiveness Conflict Risk

The niche is distinct — the rule name 'Provide titles for iframes and frames' plus iframe/frame/title keywords minimize conflict with unrelated skills. Not a 5 because the opening pattern ('Use when reviewing rendered HTML, interactive components, or design-system patterns related to...') is generic and would be shared by sibling accessibility checklist skills, creating minor overlap risk with closely related skills.

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.