CtrlK
BlogDocsLog inGet started
Tessl Logo

modern-javascript-patterns

Master ES6+ features including async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators, and functional programming patterns for writing clean, efficient JavaScript code. Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications.

57

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 ./plugins/javascript-typescript/skills/modern-javascript-patterns/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

46%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 reasonable overview that delegates detail to one-level-deep references, but it lacks any executable code in the body and pads the overview with basic best practices Claude already knows. Strengthening inline actionability and tightening known-content would improve it.

Suggestions

Add at least one or two short executable code snippets in the body (e.g., a callback-to-async/await refactor) so the skill is actionable without opening references.

Trim or relocate the basic 'Best Practices' list (items Claude already knows) to a reference file, keeping only non-obvious guidance in SKILL.md.

Clarify the topical split between details.md and advanced-patterns.md (e.g., name the pattern categories each file covers) so navigation is unambiguous.

DimensionReasoningScore

Conciseness

The body is short and scannable, but the 15-item 'Best Practices' list reiterates well-known ES6 principles ('Use const by default', 'Prefer arrow functions', 'Use template literals') that Claude already knows, and the intro paragraph echoes the description.

3 / 5

Actionability

The body offers only high-level hints ('Use async/await instead of Promise chains', 'Avoid mutating data') with no executable code or commands; all concrete examples are deferred to references, leaving the specific steps to execute absent from the body.

2 / 5

Workflow Clarity

No multi-step operational workflow exists (this is a patterns/reference skill), and while the 'When to Use' triggers and best-practices list provide structure, there is no sequenced process with checkpoints.

3 / 5

Progressive Disclosure

Good structure with a concise overview pointing to two real one-level-deep references (references/details.md, references/advanced-patterns.md) that are clearly signaled, but the distinction between what each reference covers is vague and the inline 15-item best-practices list could partly live in a reference.

4 / 5

Total

12

/

20

Passed

Description

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

A well-structured description that clearly states capabilities and explicit 'Use when' triggers, closely following the recommended what+when pattern. Minor improvements possible around action framing and trigger-term synonyms.

Suggestions

Reframe 'Master ES6+ features including ...' toward discrete actions (e.g., 'Refactor callbacks to async/await, destructure objects, replace loops with array methods') to strengthen specificity.

Add natural synonyms users say, such as 'modernize JavaScript', 'ES6 migration', or 'upgrade to modern syntax', to broaden trigger-term coverage.

DimensionReasoningScore

Specificity

Enumerates many concrete ES6+ capabilities ('async/await, destructuring, spread operators, arrow functions, promises, modules, iterators, generators') and actions ('refactoring', 'implementing', 'optimizing'), but the 'Master...features' framing lists topics more than discrete operations, leaving a minor gap versus the comprehensive-actions anchor.

4 / 5

Completeness

Explicitly answers both what ('Master ES6+ features including ... for writing clean, efficient JavaScript code') and when ('Use when refactoring legacy code, implementing modern patterns, or optimizing JavaScript applications') with concrete trigger phrases, matching the anchor.

5 / 5

Trigger Term Quality

Includes natural user phrases like 'refactoring legacy code' and 'optimizing JavaScript applications' that users would plausibly say, but lacks common synonyms such as 'modernize JavaScript', 'ES6 migration', or feature-specific trigger terms.

4 / 5

Distinctiveness Conflict Risk

The ES6+/modern-JavaScript niche is mostly distinct, but triggers like 'refactoring legacy code' and 'optimizing JavaScript applications' could overlap with general refactoring or performance skills, creating minor conflict risk.

4 / 5

Total

17

/

20

Passed

Validation

100%

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

Validation16 / 16 Passed

Validation for skill structure

No warnings or errors.

Repository
wshobson/agents
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.