Name: with-tanstack-virtual
Rating: 48.8 (1 reviews)
Author: TanStack

with-tanstack-virtual

Virtualize Vue Table final row or column models with reactive counts and scroll targets, stable keys, measurement, spacer geometry, sticky CSS, grid/flex widths, and infinite server data.

Quality

53%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide

Securityby

Passed

No findings from the security scan

Fix and improve this skill with Tessl

tessl review fix ./packages/vue-table/skills/with-tanstack-virtual/SKILL.md

Quality

Content

65%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.

The content is concise and largely actionable with strong Wrong/Correct examples, but it lacks explicit validation checkpoints in its workflow and uses no bundle files for progressive disclosure, pointing instead to external examples. It would benefit from a verification step and inline pointers to local reference files.

Suggestions

Add an explicit validation checkpoint after implementing geometry (e.g., assert getTotalSize() matches container height and rendered range covers the viewport).

Create local reference files for the column and infinite-scroll layouts and link to them one level deep instead of pointing to external examples.

Expand the 'Implement the geometry' section with a complete spacer/translate snippet rather than only describing it.

Dimension	Reasoning	Score
Conciseness	The body is lean and assumes Vue competence, giving executable snippets and pattern names without padding; only minor phrasing ('Computed options keep the virtual range synchronized with Vue's current model.') could be trimmed.	4 / 5
Actionability	It provides copy-paste-ready setup code and concrete Wrong/Correct pairs for the common mistakes, but the Core Patterns sections give high-level direction ('Follow the grid/flex examples') rather than fully executable snippets for column and infinite cases.	4 / 5
Workflow Clarity	The three Core Patterns give a rough sequence (derive models -> geometry -> infinite fetching) but lack explicit validation checkpoints, and the API Discovery step offers inspection guidance rather than a feedback loop for verifying a built layout.	3 / 5
Progressive Disclosure	The body is well-sectioned but all content is inline with no references to separate files; guidance like 'Follow the grid/flex examples' points to external examples rather than to bundle files, and no references/scripts/assets bundle is present.	3 / 5
	Total	14 / 20 Passed

Description

42%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.

The description is specific and well-distinguished to its niche, but it is written in dense jargon and lacks any 'Use when...' trigger guidance, leaving a user without clear activation cues. Completeness is the main weakness due to the absent 'when' clause.

Suggestions

Add a 'Use when ...' clause naming natural trigger phrases such as virtualizing rows/columns, infinite scroll, or large TanStack Vue Table datasets.

Reword jargon-heavy phrases ('final row or column models', 'spacer geometry') into language a user would actually say.

Include common synonyms or the library name as explicit trigger terms (e.g., '@tanstack/vue-virtual', virtual list, windowing).

Dimension	Reasoning	Score
Specificity	The description lists several concrete actions ('Virtualize', 'measurement', 'spacer geometry', 'sticky CSS', 'grid/flex widths', 'infinite server data'), but the actions are highly jargon-dense and not as comprehensively plain as the score-5 anchor.	4 / 5
Completeness	It states a clear 'what' but contains no 'Use when...' clause or equivalent trigger guidance, which the rubric caps at 3, and the 'when' is entirely missing rather than weakly implied.	2 / 5
Trigger Term Quality	It is dominated by technical jargon ('final row or column models', 'reactive counts', 'spacer geometry') rather than natural phrases a user would say; there are no common synonyms or library-specific trigger terms beyond 'Virtualize'.	2 / 5
Distinctiveness Conflict Risk	It targets a narrow, specific niche (virtualization of TanStack Vue Table models) that is unlikely to trigger for unrelated skills, with only minor overlap risk against a generic table-virtualization skill.	4 / 5
	Total	12 / 20 Passed

Validation

87%

Warnings & errors only

Checks the skill against the spec for correct structure and formatting. All validation checks must pass before discovery and implementation can be scored.

Validation — 14 / 16 Passed

Validation for skill structure

Criteria	Description	Result
metadata_version	'metadata.version' is missing	Warning
frontmatter_unknown_keys	Unknown frontmatter key(s) found; consider removing or moving to metadata	Warning

	Total	14 / 16 Passed

Repository: TanStack/table
Path: packages/vue-table/skills/with-tanstack-virtual/SKILL.md
Commit: 9e523bc

Reviewed: 1 day ago

Table of Contents

Discovery Implementation Validation

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.