CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

devtools

Connect native Preact Table v9 instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools. Load for React-package mixups, missing targets, required options.key, enabled state, cleanup, or development gating.

Quality

93%

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%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 body is a model of lean, actionable skill writing: one executable setup example, terse rule-of-thumb guidance, and a mistakes section that captures the real failure modes with sources. Nothing is padded, no concepts are over-explained, and structure is appropriate for a single-purpose skill with no bundle files.

DimensionReasoningScore

Conciseness

The body never explains what Devtools or Preact are; every section (Setup code, one-line rules like "Pass `{ enabled }` rather than conditionally calling the registration hook", terse Wrong/Correct pairs, and single-line rationales such as "The default index deliberately selects no-op implementations outside development") adds non-obvious information. This matches anchor 5 (lean, assumes competence, every token earns its place); the closest trim candidate — the opening line restating the frontmatter's requires — is a single line, not enough to drop to anchor 4's 'minor instances of over-explanation'.

5 / 5

Actionability

The Setup block is complete and copy-paste ready (imports, features/columns/data, useTable with key, useTanStackTableDevtools(table), rendering tableDevtoolsPlugin), Common Mistakes give concrete Wrong/Correct fixes ("use `@tanstack/preact-table-devtools` with `@tanstack/preact-devtools`", "give each live table one stable unique key"), and API Discovery names exact files to inspect ("node_modules/@tanstack/preact-table-devtools/dist/index.d.ts"). This matches anchor 5: fully executable guidance covering the common cases with no gaps.

5 / 5

Workflow Clarity

This is a single-task skill (wire a table into Devtools) and the single action is unambiguous — the Setup block sequences imports, options, hook registration, and rendering in one executable flow, so the simple-skill exception applies. The Common Mistakes section doubles as error recovery for the known failure modes (wrong package, missing/duplicate key, production no-op), and no destructive or batch operations exist that would require validation checkpoints or cap the score at 3.

5 / 5

Progressive Disclosure

No bundle files exist (references/, scripts/, assets/ are absent) and none are needed at this size; the body is organized into clearly labeled sections (Setup, Hooks and Components, Common Mistakes, API Discovery) with the only outward pointers being one-level-deep concrete file paths ("useTanStackTableDevtools.d.ts") in API Discovery. Per the simple-skill guidance (well-organized sections, no need for external references), this matches anchor 5.

5 / 5

Total

20

/

20

Passed

Description

87%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 tightly written: an explicit what-and-when pair with concrete trigger scenarios and named APIs, in third person, with no fluff or over-claims. Its only soft spots are a single-core-action capability statement and a few missing colloquial trigger phrasings.

DimensionReasoningScore

Specificity

"Connect native Preact Table v9 instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools" names the domain, a concrete action, and the exact APIs, and the trigger list covers specific concerns ("required options.key", "enabled state, cleanup, or development gating"). It sits between anchor 3 (1-2 concrete actions, not comprehensive) and anchor 4 (several specific actions, minor gaps): more concrete than a typical anchor-3 description, but capability coverage rests on one core action rather than several.

4 / 5

Completeness

The "what" is explicit ("Connect native Preact Table v9 instances to Devtools with tableDevtoolsPlugin and useTanStackTableDevtools") and the "when" is an explicit trigger clause ("Load for React-package mixups, missing targets, required options.key, enabled state, cleanup, or development gating") with concrete trigger phrases — a direct match for anchor 5, and clearly above anchor 4 where the 'when' is present but less specific.

5 / 5

Trigger Term Quality

Triggers like "React-package mixups, missing targets, required options.key, enabled state, cleanup, or development gating" map well to what a developer hitting these problems would say, alongside natural terms "Devtools" and "Preact Table v9". A few natural phrasings users would actually type (e.g., "devtools not showing", "debug table") are missing, which matches anchor 4 rather than the comprehensive synonym coverage of anchor 5.

4 / 5

Distinctiveness Conflict Risk

"native Preact Table v9" carves out a clear niche with distinct triggers, and the "React-package mixups" framing actively distinguishes it from the React sibling skill rather than inviting overlap. This matches anchor 5 (clear niche with distinct triggers; minimal conflict risk); anchor 4's 'minor overlap risk with closely related skills' would apply only if the framework scoping were ambiguous.

5 / 5

Total

18

/

20

Passed

Validation

87%

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

CriteriaDescriptionResult

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/preact-table-devtools/skills/devtools/SKILL.md

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.