CtrlK
BlogDocsLog inGet started
Tessl Logo

text-in-images

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

72

Quality

88%

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

SKILL.md
Quality
Evals
Security

Quality

Content

85%

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

A concise, well-structured single-rule skill with actionable fix guidance, a clear review workflow, and a properly signaled one-level reference. The only notable weakness is redundancy between the intro and the Explain section.

Suggestions

Merge the 'Explain' section into the opening paragraph (or vice versa) to eliminate the duplicated list of barriers (resizing, translation, screen-reader, reflow).

Add one concrete markup contrast (e.g., an <img> with baked-in text vs. a styled <p>) to make the Fix guidance copy-paste ready.

Tighten the Quick Reference bullets so they do not repeat the intro's accessibility rationale.

DimensionReasoningScore

Conciseness

The body is lean overall, but the opening paragraph and the 'Explain' section both restate the same barriers (cannot be resized, translated, read by screen readers, reflowed), creating avoidable redundancy. Not a 1 because it avoids padding with concepts Claude already knows.

2 / 3

Actionability

Concrete, specific directives: 'Replace text images with real HTML text styled with CSS', 'provide equivalent text in alt attributes', 'Consider using SVG with embedded text for scalable typography'. As an instruction-only skill, the absence of code is not penalized and the guidance is actionable.

3 / 3

Workflow Clarity

The Check → Fix → Explain → Code Review structure is a clear sequence, and the Code Review section adds an explicit verification checkpoint ('note how to verify the fix with browser accessibility tooling or assistive tech'). Appropriate for this simple single-rule skill.

3 / 3

Progressive Disclosure

Under 50 lines with well-organized sections and a single one-level-deep reference, clearly signaled as 'see references/rule.md' (verified present). Easy navigation with no nested reference chains.

3 / 3

Total

11

/

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 with an explicit trigger, concrete actions, and good natural keyword coverage. Its main weakness is that the capability list reads as generic accessibility review rather than rule-specific guidance, raising conflict risk with other a11y skills.

DimensionReasoningScore

Specificity

Names multiple concrete actions: 'Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output.' These are specific, enumerable review actions rather than vague language.

3 / 3

Completeness

Explicitly answers both what (reviewing rendered HTML/components and checking semantics, keyboard, focus, names, screen-reader output) and when via the 'Use when reviewing…' trigger clause.

3 / 3

Trigger Term Quality

Includes natural accessibility-review terms ('rendered HTML, interactive components, design-system patterns', 'keyboard behavior', 'screen-reader output') plus the rule name 'Avoid images of text' that users would actually invoke.

3 / 3

Distinctiveness Conflict Risk

The review guidance (native semantics, keyboard behavior, focus flow) is generic accessibility review rather than specific to the text-in-images rule, so it could overlap with sibling accessibility skills; it is not a 1 because the 'Avoid images of text' niche is named.

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.