CtrlK
BlogDocsLog inGet started
Tessl Logo

dom-size

Use when auditing slow page loads, heavy assets, or rendering delays related to Reduce DOM size and complexity. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

67

Quality

81%

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

72%

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

The content is concise and well-structured with good progressive disclosure to a real reference file, and it includes a measurement-first checkpoint. Its weaknesses are in actionability and workflow clarity: no executable code is inline, and no fix-then-reverify feedback loop is spelled out.

Suggestions

Inline at least one minimal executable snippet (e.g. a Lighthouse/DevTools command or a `document.querySelectorAll('*').length` node-count check) so the body is actionable without opening the reference.

Add an explicit re-measure step after the Fix section (e.g. 'Re-run Lighthouse to confirm node count and depth dropped below the thresholds') to create a verify → fix → re-verify loop.

Tighten the opening sentence or fold the DOM-impact explanation into the reference, since Claude already understands why a large DOM is costly.

DimensionReasoningScore

Conciseness

The body is lean and well-organized with concrete thresholds and no padding; the single opener sentence on DOM impact earns its place as context rather than explaining concepts Claude lacks.

3 / 3

Actionability

The body gives specific thresholds (1,500 nodes, depth < 32) and named tools, but provides no executable code or commands inline — all code examples are deferred to references/rule.md — leaving the body itself incomplete rather than copy-paste ready.

2 / 3

Workflow Clarity

A sensible Check → Fix sequence exists and the body stresses verifying the bottleneck first, but there is no explicit fix → re-measure → confirm feedback loop for the remediation steps, which a performance-fix workflow benefits from.

2 / 3

Progressive Disclosure

The body is a concise overview with clear sections and one clearly-signaled, one-level-deep reference to references/rule.md (a real file verified to exist) for implementation details, matching the simple-skill allowance for a score of 3.

3 / 3

Total

10

/

12

Passed

Description

90%

Based on the skill's description, can an agent find and select it at the right time? Clear, specific descriptions lead to better discovery.

The description is strong overall: it has explicit 'Use when' trigger guidance, natural user-facing trigger terms, and a clear niche. Its only weakness is specificity, since it describes auditing/verifying rather than the concrete remediation actions the skill supports.

Suggestions

Add one or two concrete remediation actions to the description (e.g. 'simplify HTML structure, remove wrapper elements, or virtualize long lists') so the 'what' covers fixing, not just auditing.

Consider including a natural-term variation such as 'DOM size' or 'DOM depth' explicitly, since users may phrase the need that way rather than as 'rendering delays'.

DimensionReasoningScore

Specificity

Names the domain ('slow page loads, heavy assets, or rendering delays') and two concrete actions (auditing, verifying the bottleneck via named tools), but does not enumerate the multiple distinct fix capabilities (virtualization, structure simplification) the skill actually covers, so it is not comprehensive.

2 / 3

Completeness

An explicit 'Use when...' clause answers when, and 'auditing...related to Reduce DOM size and complexity' plus 'Verify the actual bottleneck' answers what, satisfying both halves with explicit triggers.

3 / 3

Trigger Term Quality

Triggers like 'slow page loads', 'heavy assets', and 'rendering delays' are exactly the natural terms a user would say when they need this skill, with good coverage of common phrasings.

3 / 3

Distinctiveness Conflict Risk

Anchored to a specific named rule with tool-specific triggers (DevTools, Lighthouse, field data), giving it a clear niche that is unlikely to fire for unrelated skills.

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