CtrlK
BlogDocsLog inGet started
Tessl Logo

list-virtualization

Use when reviewing dashboards, admin tables, search results, or feeds with many repeated items. Confirm the bottleneck is DOM or rendering cost before introducing virtualization because small lists usually do not need the added complexity.

62

Quality

73%

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/list-virtualization/SKILL.md
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.

A concise, well-structured overview that practices good progressive disclosure by deferring executable detail to a real reference file. The body is light on copy-paste-ready actionability and on an explicit error-recovery loop, both of which are deferred to the reference.

Suggestions

Add at least one minimal executable code snippet or a named library/command (e.g., react-window) directly in the Fix section so the body is actionable without opening the reference.

Surface a short validate-fix-retry loop in the body (e.g., 'after virtualizing, re-measure node count and scroll; if jank or a11y regressions appear, adjust overscan and re-test') rather than only in the reference's Verification section.

Include the most natural trigger terms ('long lists', 'large tables', 'scroll jank') in the description to improve trigger-term coverage.

DimensionReasoningScore

Conciseness

The body is lean and well-organized with no padding: a one-line rationale plus terse Quick Reference and Check/Fix/Explain/Code Review sections that assume Claude's competence. Not 2 because it avoids unnecessary explanation of concepts Claude already knows (e.g., what the DOM is).

3 / 3

Actionability

Provides concrete review criteria ('Render only what is visible plus a small overscan buffer', 'Introduce list or table virtualization') but no executable code or specific library/commands in the body; copy-paste-ready TSX examples live only in references/rule.md. Not 3 because the body's Fix guidance is somewhat abstract and not copy-paste ready; not 1 because the guidance names a specific approach and specific review signals rather than being vague.

2 / 3

Workflow Clarity

The Check/Fix/Explain/Code Review phasing gives a clear sequence, and 'Measure scroll smoothness, memory use, and DOM node count before and after the change' is an explicit checkpoint. Not 3 because a full validate-fix-retry feedback loop is absent from the body (it lives in the reference's Verification section); not 1 because the sequence and a before/after measurement checkpoint are present rather than missing.

2 / 3

Progressive Disclosure

The body is a concise overview that clearly signals a one-level-deep pointer to references/rule.md ('For full implementation details, code examples, and framework-specific guidance, see references/rule.md'), and that file exists. Not 2 because the reference is explicitly signaled and only one level deep rather than inline or nested.

3 / 3

Total

10

/

12

Passed

Description

75%

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 a clear performance-focused niche. Its main weakness is that it frames when-to-use richly but describes the skill's concrete capabilities only thinly.

DimensionReasoningScore

Specificity

Names the domain ('dashboards, admin tables, search results, or feeds with many repeated items') and a couple of actions ('Confirm the bottleneck is DOM or rendering cost', 'introducing virtualization'), but does not list multiple specific concrete capabilities. Not 3 because it lacks a comprehensive set of concrete actions like the 'extract, fill, merge' example; not 1 because it is far from vague boilerplate like 'Helps with documents'.

2 / 3

Completeness

Explicitly answers 'when' with a 'Use when reviewing dashboards, admin tables, search results, or feeds...' trigger clause, and answers 'what' via 'Confirm the bottleneck is DOM or rendering cost before introducing virtualization'. Both what and when are present and explicit. Not 2 because the when is not merely implied and the what is concrete rather than missing.

3 / 3

Trigger Term Quality

Includes several natural terms users would say when reviewing performance ('dashboards, admin tables, search results, feeds', 'DOM or rendering cost', 'virtualization'), but omits common variations a user would naturally say such as 'long lists', 'large tables', 'thousands of rows', or 'scroll jank'. Not 3 because coverage of natural phrasings is incomplete; not 1 because the terms present are relevant and natural rather than jargon-only.

2 / 3

Distinctiveness Conflict Risk

The narrow frontend-performance niche ('DOM or rendering cost', 'virtualization', 'repeated items') is distinct and unlikely to trigger for unrelated skills. Not 2 because the DOM/rendering-cost qualifier narrows it well beyond a generic 'works with tables/dashboards' scope.

3 / 3

Total

10

/

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.