CtrlK
BlogDocsLog inGet started
Tessl Logo

file-upload-accessibility

Use when reviewing templates, rendered HTML, or shared components related to Make file uploads accessible. Validate the final browser-facing markup, not just the source framework abstraction.

62

Quality

74%

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/file-upload-accessibility/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

78%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 well-structured, lean review skill with an excellent progressive-disclosure split: the body carries a concise checklist while code examples correctly live in references/rule.md. The main improvement opportunities are removing the Quick Reference/Fix redundancy and sharpening actionability with one inline violation example.

Suggestions

Merge the Quick Reference bullets with the Check section — the two currently repeat the same four points (labels, file types/limits, progress feedback, drag-and-drop).

Inline one short before/after markup snippet (e.g. an unlabeled `<input type="file">` vs. one with a label, accept, and aria-describedby) so the check is executable without opening the reference file.

Clarify how the sections relate as a workflow — e.g. a one-line lead-in stating the order (review rendered markup → flag violations → apply fixes → explain to the user).

DimensionReasoningScore

Conciseness

The body is lean — short sections, a four-bullet quick reference, no background on what accessibility is or how ARIA works, and it delegates examples to the reference file. It falls short of 5 because the Quick Reference bullets substantially duplicate the Check and Fix sections (labels, file types, feedback, drag-and-drop all appear twice), so a few tokens do not earn their place.

4 / 5

Actionability

The guidance names concrete, checkable items — 'proper labels, accept attributes for file types', 'accessible feedback for upload progress and errors', 'ARIA live region feedback', 'drag-and-drop alternatives', and instructs to 'Flag exact elements, attributes, and routes'. Per the instruction-only scoring note, absent code is not penalized, but it stays at 4 rather than 5 because the body contains no example of a violating or corrected markup pattern — everything concrete lives one file away.

4 / 5

Workflow Clarity

The Check → Fix → Explain → Code Review sections form a coherent, clearly delineated process with unambiguous section headers, and no validation checkpoints are required for a non-destructive review task. It does not reach 5 because the stages are never ordered or related to each other (e.g. Check and Code Review overlap without clarifying when each applies), leaving a minor ambiguity about the intended workflow.

4 / 5

Progressive Disclosure

The body is a clear, well-organized overview and the single reference — 'see `references/rule.md`' — is explicitly signaled with a purpose statement ('full implementation details, code examples, and framework-specific guidance'), matches the actual bundle structure (references/rule.md exists), and is exactly one level deep. This matches the 5 anchor for a clean split between overview and detail.

5 / 5

Total

17

/

20

Passed

Description

70%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, third-person voice, and a clear niche. Its main weakness is that the capability side is thin — it says to review and validate markup but never enumerates the concrete checks (labels, accept, feedback, drag-and-drop) that define the skill.

Suggestions

Enumerate concrete actions in the description, e.g. 'Check file inputs for associated labels, accept attribute type/size limits, ARIA live-region progress feedback, and keyboard-operable drag-and-drop zones.'

Add natural trigger synonyms such as 'file input', 'drag-and-drop', 'screen reader', or 'a11y' so the description matches more phrasings a user would actually say.

Reword 'related to Make file uploads accessible' to smoother grammar (e.g. 'related to making file uploads accessible'), since the current phrasing is an awkward title splice.

DimensionReasoningScore

Specificity

The description names the domain ("Make file uploads accessible") and two concrete actions ("reviewing templates, rendered HTML, or shared components", "Validate the final browser-facing markup"), but does not enumerate the specific checks (labels, accept attributes, feedback, drag-and-drop). This matches the 'names domain and 1-2 concrete actions' anchor; it falls short of 4 because it lists targets rather than several specific actions.

3 / 5

Completeness

Both parts are explicit: the trigger ("Use when reviewing templates, rendered HTML, or shared components related to...") and the what ("Validate the final browser-facing markup, not just the source framework abstraction"). It does not reach 5 because the 'what' is a single general instruction rather than a concrete list of capabilities, making it less comprehensive than the 5-anchor example.

4 / 5

Trigger Term Quality

Natural terms are present — "file uploads", "templates", "rendered HTML", "shared components", "browser-facing markup" — which users reviewing markup would plausibly say. It falls short of 5 because common variations like "file input", "drag-and-drop", "screen reader", or "a11y" are missing.

4 / 5

Distinctiveness Conflict Risk

The file-upload accessibility niche with its review-scope triggers (templates, rendered HTML, shared components) is mostly distinct from generic HTML or a11y skills. Minor overlap risk remains with sibling frontendchecklist HTML/a11y review skills, so it does not reach 5.

4 / 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.