CtrlK
BlogDocsLog inGet started
Tessl Logo

text-resizing

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

59

Quality

69%

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

Quality

Content

63%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 overview that delegates executable detail cleanly to a real, well-organized reference file. The main quality issues are within-body redundancy (Quick Reference restates the Fix section, testing instructions appear twice) and the absence of any concrete code or specific commands in the body itself.

Suggestions

Remove the 'Quick Reference' section or the overlapping Fix bullets — three of its four items restate the Fix section almost verbatim, and the 200% test instruction already appears in both Check and Fix.

Add one small inline code snippet to the Fix section (e.g., the rem-based `font-size` or `min-height` vs fixed `height` contrast) so the body is actionable on its own before dropping to references/rule.md for the full set.

Name the concrete verification steps in the Check section (e.g., Firefox View → Zoom → Zoom Text Only → 200%, or Chrome font-size settings) or explicitly point to the 'Testing at 200%' section of references/rule.md so the check procedure is unambiguous.

DimensionReasoningScore

Conciseness

The 'Quick Reference' bullets ('Use rem/em units for font sizes instead of fixed px', 'Avoid fixed-height containers that clip text', 'Ensure containers grow when text size increases') duplicate the Fix section nearly verbatim, and the 200% test instruction appears in both Check and Fix ('Test at 200% zoom' / 'Test with browser text-size preferences'). That is a whole redundant section, which fits anchor 3 ('could be tightened') rather than anchor 4's 'minor instances'; it is above anchor 2 because there is no padded concept explanation Claude already knows.

3 / 5

Actionability

The Fix section names concrete techniques ('Use relative units (rem, em) for font sizes', 'Avoid fixed-height containers that clip overflowing text') but the body contains no code, specific commands, or concrete test steps — the executable CSS and browser-specific zoom instructions all live in references/rule.md. This matches anchor 3 ('some concrete guidance but incomplete, missing key details') rather than 4, since nothing in the body itself is copy-paste ready.

3 / 5

Workflow Clarity

A clear Check → Fix → Explain → Code Review sequence with validation checkpoints present ('verify no content is clipped, truncated, or overlaps' in Check, 'Test with browser text-size preferences' closing Fix). This matches anchor 4: most checkpoints are present but the re-test-after-fix feedback loop is implied rather than framed explicitly, keeping it below anchor 5.

4 / 5

Progressive Disclosure

The body is a lean, well-sectioned overview with one clearly signaled one-level-deep reference ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md'), which exists and delivers exactly what is promised (executable CSS, browser zoom steps, framework examples, WCAG link). Content is appropriately split and navigation is easy, matching the anchor 5 example.

5 / 5

Total

15

/

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 trigger clause and multiple concrete review actions. Its main weaknesses are that the stated actions are generic accessibility-review boilerplate rather than text-resizing-specific ones, and it omits common synonyms like 'text zoom', 'font size', or 'WCAG' that users might naturally say.

DimensionReasoningScore

Specificity

Lists several concrete review actions ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output') with minor gaps in coverage. It falls short of anchor 5 because it never states what the skill actually does for the text-resizing task itself (e.g., flag or remediate resizing violations), and sits above anchor 3 because it names multiple specific actions rather than 1-2.

4 / 5

Completeness

Has an explicit 'Use when reviewing rendered HTML...' trigger clause plus a 'what' ('Check native semantics first, then inspect keyboard behavior, focus flow, accessible names, and screen-reader output'). Not anchor 5 because the 'what' is generic accessibility-review boilerplate rather than actions specific to text resizing; clearly above anchor 3 since both what and when are explicitly present.

4 / 5

Trigger Term Quality

Good keyword coverage including natural phrases users would say: 'rendered HTML', 'interactive components', 'design-system patterns', 'text resizing to 200%', 'screen-reader output'. Not anchor 5 because common variations and synonyms such as 'text zoom', 'font size', 'WCAG', or 'accessibility' are missing; above anchor 3 because coverage is broad, not just 'some relevant keywords'.

4 / 5

Distinctiveness Conflict Risk

'Support text resizing to 200%' establishes a clear niche with distinct triggers, but the trailing boilerplate about keyboard behavior, focus flow, accessible names, and screen-reader output would appear identically in sibling accessibility skills, creating minor overlap risk with closely related skills. This matches anchor 4 rather than 5.

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.