CtrlK
BlogDocsLog inGet started
Tessl Logo

modern-array-methods

Use when reviewing scripts, client components, bundles, or runtime behavior related to Use modern array and object methods. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.

56

Quality

65%

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/modern-array-methods/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

63%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 for a simple rule skill: lean Quick Reference bullets, a clear Check/Fix sequence, and an exemplary one-level-deep pointer to references/rule.md. Its main weaknesses are an opening paragraph and Code Review section that restate things Claude already knows, and the absence of any before/after code transformation in the body itself, leaving the core fix under-specified until the reference is opened.

Suggestions

Cut the intro paragraph explaining why filter()/map() are better — Claude already knows this — and keep at most one line of rationale.

Add a minimal before/after example in the Fix section (a for-loop accumulating into an array vs. its map/filter equivalent) so the core transformation is executable without opening the reference.

Replace or trim the Code Review section, which mostly repeats the frontmatter description, and fold its verification note ('how the change should be verified in the browser') into the Fix section as a concrete checkpoint.

DimensionReasoningScore

Conciseness

The intro paragraph explains concepts Claude already knows ("a filter() call self-documents that you're selecting items", "well-optimized by JavaScript engines and support chaining"), and the Code Review section largely repeats the description. The rest (Quick Reference, Check, Fix) is lean, matching 'mostly efficient but includes some unnecessary explanation'.

3 / 5

Actionability

Check and Fix give concrete directives ("Find loops in this file that could be replaced with modern array methods like map, filter, reduce, find, or flatMap"; "Replace manual for/while loops with appropriate array methods") and Quick Reference maps methods to tasks, but no before/after example is shown in the body and "Explain map, filter, reduce... with practical examples" is vague — concrete guidance with key details missing.

3 / 5

Workflow Clarity

A clear Check → Fix → Explain → Code Review sequence is present, and verification is addressed ("state how the change should be verified in the browser"). Minor gaps: verification is an instruction to state rather than an actual checkpoint, and there is no explicit validate-and-retry feedback loop, so it does not reach the anchor 5.

4 / 5

Progressive Disclosure

This is a short single-purpose skill (well under 50 lines) with clearly organized sections (Quick Reference, Check, Fix, Explain, Code Review) and one clearly signaled, one-level-deep reference — "For full implementation details, code examples, and framework-specific guidance, see references/rule.md" — which is a real file containing exactly that content.

5 / 5

Total

15

/

20

Passed

Description

67%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 includes an explicit 'Use when' clause and several concrete actions (review scripts/components/bundles, inspect source and browser execution path), placing it above average. Its weaknesses are circular trigger phrasing ('related to Use modern array and object methods') and the absence of the topic's natural trigger vocabulary (loops, map, filter, reduce, refactor), which weakens discoverability and distinctiveness within a family of similar review rules.

Suggestions

Rewrite the 'when' clause with concrete trigger phrases instead of restating the rule name, e.g. 'Use when reviewing JavaScript that uses manual for/while loops for array or object transformation, or when the user mentions map, filter, reduce, refactoring loops, or modernizing array code.'

State the core action explicitly — e.g. 'Replaces manual for/while loops with map, filter, reduce, find, and flatMap, and modernizes object copies with Object.entries and structuredClone.'

Add topic-specific keywords (loops, for loop, map, filter, reduce, refactor) so the skill triggers for users who describe the problem rather than the rule.

DimensionReasoningScore

Specificity

Quotes: "reviewing scripts, client components, bundles, or runtime behavior", "Inspect both source code and the browser execution path", "fixes target the real bottleneck or bug" — several specific actions with minor gaps. Not 5 because the description never states the core capability (replacing manual loops with map/filter/reduce) or names the methods involved.

4 / 5

Completeness

Both what ("Inspect both source code and the browser execution path so fixes target the real bottleneck or bug") and when ("Use when reviewing scripts, client components, bundles, or runtime behavior related to...") are present, but the when clause is circular — it restates the rule name rather than giving concrete trigger phrases — so it falls short of the explicit both-what-and-when anchor.

4 / 5

Trigger Term Quality

Relevant domain keywords are present ("scripts", "client components", "bundles", "runtime behavior", "browser execution path"), but the natural terms a user would say for this topic — "loop", "for loop", "map", "filter", "reduce", "refactor" — are missing, matching the 'relevant keywords but missing common variations or synonyms' anchor.

3 / 5

Distinctiveness Conflict Risk

The niche is mostly distinct (JS array/object modernization review), but the boilerplate framing "reviewing scripts, client components, bundles, or runtime behavior" would be shared by many similar frontend review skills, creating minor overlap risk with closely related rules.

4 / 5

Total

15

/

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.