CtrlK
BlogDocsLog inGet started
Tessl Logo

js-libraries

Use when auditing slow page loads, heavy assets, or rendering delays related to Use secure and up-to-date JS libraries. Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes.

51

Quality

56%

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/js-libraries/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

50%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 well structured and appropriately delegates implementation detail to references/rule.md, but its own guidance is generic: no audit commands, no code, and no explicit verification loop, with the Check/Fix/Explain sections largely restating the Quick Reference. The Code Review section also inherits the ungrammatical template phrasing ("that affect Use secure and up-to-date JS libraries").

Suggestions

Put the executable commands directly in the Check section (e.g. `npm audit`, `pnpm audit`, `yarn audit`) and a real before/after import snippet in the Fix section — the reference file already contains this material; surfacing one command per step would raise actionability without bloating the body.

Add an explicit verification loop after Fix (e.g. re-run the audit to confirm zero known vulnerabilities; re-measure the bundle in Lighthouse to confirm the size win) so the workflow has a checkpoint instead of ending at 'Explain'.

Delete or merge the redundant sections: 'Check', 'Fix', and 'Explain' restate the Quick Reference bullets, and 'Explain the risks' instructs Claude to do something it already knows — collapsing them would remove filler and the duplicated template phrasing.

DimensionReasoningScore

Conciseness

The body is short and mostly tight, but the Check/Fix sections restate the Quick Reference bullets in generic terms, the "Explain" section is pure filler ("Explain the risks of using outdated JavaScript libraries" tells Claude to do something it already knows how to do), and the opening sentence explains a concept Claude already knows. It matches 'mostly efficient but includes some unnecessary explanation or could be tightened'.

3 / 5

Actionability

The body gives only high-level direction — "Check the project's JavaScript dependencies for known vulnerabilities", "Update vulnerable libraries to secure versions" — with no commands or code; the sole concrete item is the "date-fns vs moment" example. The executable material (npm audit, code snippets) lives in references/rule.md, so the body itself matches 'minimal concrete guidance; high-level hints but missing the specific steps to execute'.

2 / 5

Workflow Clarity

A rough sequence exists (Quick Reference → Check → Fix → Explain → Code Review), and the Code Review section gestures at confirmation ("describe the measurement method used to confirm the issue"), but there are no explicit validation checkpoints in the body — no instruction to re-run the audit after updating or how to verify the bundle actually shrank. This matches 'steps listed but validation gaps; checkpoints missing or implicit'.

3 / 5

Progressive Disclosure

The body is a short, well-sectioned overview that correctly pushes code examples and framework detail to a single one-level-deep reference ("see `references/rule.md`"), which exists and contains exactly that material. This matches the simple-skill guidance: under 50 lines, clearly organized sections, one well-signaled real reference, easy navigation.

5 / 5

Total

13

/

20

Passed

Description

63%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 functional: it has an explicit 'Use when' trigger, names concrete diagnostic tools, and advises verification before action. Its main flaws are a template-paste artifact ("related to Use secure and up-to-date JS libraries") that reads ungrammatically, and a trigger-term set oriented toward generic performance rather than the JS-dependency domain the skill actually covers.

Suggestions

Rewrite the embedded rule title into natural language, e.g. "Use when auditing JavaScript dependencies for outdated, vulnerable, or bloated libraries" — this fixes the grammar and supplies the missing domain trigger terms in one change.

Add natural keywords users would say for this domain: "outdated libraries", "vulnerable dependencies", "npm audit", "bundle size" — these both improve trigger quality and distinguish the skill from sibling performance rules that share the same slow-page-load phrasing.

State the skill's core actions as capabilities (update vulnerable libraries, replace bloated dependencies with lightweight alternatives) so the 'what' matches the skill's purpose rather than only the diagnostic workflow.

DimensionReasoningScore

Specificity

The description lists several concrete actions — "auditing slow page loads, heavy assets, or rendering delays" and "Verify the actual bottleneck in DevTools, Lighthouse, or field data before recommending changes" — naming specific tools. Coverage gaps exist: the core library-maintenance actions (updating vulnerable dependencies, replacing bloated ones) are never stated as capabilities, so it sits between anchors 3 and 4.

4 / 5

Completeness

Both halves are explicit: the trigger clause "Use when auditing slow page loads, heavy assets, or rendering delays..." answers 'when', and the verification behavior answers 'what'. Not a 5 because the stated 'what' (verify the bottleneck) describes diagnosis rather than the skill's actual purpose of securing and slimming JS dependencies, which is only conveyed through the garbled embedded rule title.

4 / 5

Trigger Term Quality

Natural performance phrases like "slow page loads", "heavy assets", "rendering delays", "DevTools", and "Lighthouse" are present, but the terms users would actually say for this skill's domain — "outdated libraries", "vulnerable dependencies", "npm audit", "bundle size" — are missing, and the rule title is pasted in verbatim ("related to Use secure and up-to-date JS libraries") rather than expressed as natural language.

3 / 5

Distinctiveness Conflict Risk

The opening triggers ("slow page loads, heavy assets, or rendering delays") are generic performance keywords that would equally match any other performance-audit skill built from the same template, and only the awkwardly inserted rule title distinguishes this one. It is somewhat specific due to the JS-library mention, but overlap risk with sibling performance skills remains high.

3 / 5

Total

14

/

20

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.

Validation — 15 / 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.