CtrlK
BlogDocsLog inGet started
Tessl Logo

content-without-css

Use when reviewing rendered HTML, layout components, or design-system patterns that may depend on presentation for meaning. Check the DOM order, semantic structure, form relationships, and whether CSS generated content carries essential information.

79

Quality

100%

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

100%

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

A well-organized, lean accessibility skill body with concrete instructional guidance, a clear review workflow, and a properly signaled single-level reference. It appropriately defers detail to references/rule.md rather than inlining it.

DimensionReasoningScore

Conciseness

The ~33-line body is lean and sectioned (Quick Reference, Check, Fix, Explain, Code Review) without explaining concepts Claude already knows (e.g., what CSS is); every section earns its place.

3 / 3

Actionability

As an instruction-only skill it gives concrete, specific guidance — "Use semantic HTML", "Keep DOM order aligned with reading order", "Do not put essential labels... in CSS generated content", "Test key journeys with author styles disabled" — which is actionable per the instruction-skill carve-out despite the absence of code.

3 / 3

Workflow Clarity

The simple single-purpose review task follows a clear Check → Fix → Explain → Code Review sequence with a verification checkpoint ("note how to verify the fix with styles disabled"), satisfying the simple-skill allowance without needing batch/destructive feedback loops.

3 / 3

Progressive Disclosure

The SKILL.md is a concise overview that clearly signals a one-level-deep reference ("see `references/rule.md`"), and that referenced file exists, giving clean navigation without nested references.

3 / 3

Total

12

/

12

Passed

Description

100%

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, third-person description with an explicit "Use when" trigger and concrete actions. It clearly communicates both capability and invocation conditions without vague fluff.

DimensionReasoningScore

Specificity

The description lists multiple concrete actions — "Check the DOM order, semantic structure, form relationships, and whether CSS generated content carries essential information" — matching the anchor for listing several specific concrete actions rather than a single vague action.

3 / 3

Completeness

It answers both what ("Check the DOM order, semantic structure, form relationships...") and when via an explicit "Use when reviewing rendered HTML, layout components, or design-system patterns..." trigger clause, satisfying the requirement for explicit triggers.

3 / 3

Trigger Term Quality

It surfaces natural terms a frontend/accessibility reviewer would say — "rendered HTML", "layout components", "design-system patterns", "DOM order", "semantic structure", "CSS generated content" — giving good coverage rather than only generic or jargon-only phrasing.

3 / 3

Distinctiveness Conflict Risk

The CSS-independent-content / accessibility niche is narrow with distinct triggers (presentation-for-meaning checks), making it unlikely to fire for unrelated skills.

3 / 3

Total

12

/

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.