CtrlK
BlogDocsLog inGet started
Tessl Logo

event-delegation

Use when reviewing scripts, client components, bundles, or runtime behavior related to Use event delegation for dynamic content. Inspect both source code and the browser execution path so fixes target the real bottleneck or bug.

49

Quality

53%

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/event-delegation/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

57%

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 clean, well-organized overview that correctly offloads implementation detail to a real one-level-deep reference, and its Check/Fix/Explain/Code Review sections give a recognizable workflow. Its main weaknesses are an opening paragraph that explains concepts Claude already knows, abstract refactoring guidance without in-body code, and verification that is mentioned but not encoded as an explicit checkpoint.

Suggestions

Replace the opening concept paragraph with the actionable detection/refactor pattern (or a minimal code snippet) and drop the restated motivation Claude already knows.

Promote browser verification into an explicit "Verify" checkpoint with concrete steps (e.g., re-run the affected user flow in the browser, check dynamically added elements respond) to close the workflow-clarity gap.

Cut the Code Review section's duplication of the frontmatter description and instead link directly to the specific rule.md section that drives the review.

DimensionReasoningScore

Conciseness

The body is lean and well-sectioned, but the opening paragraph re-explains event-delegation and bubbling basics Claude already knows ("Adding hundreds of individual event listeners... consumes significant memory") and the Code Review section duplicates the frontmatter description; it is mostly efficient but could be tightened.

2 / 3

Actionability

It gives a concrete detection directive ("attaches the same event handler to multiple elements in a loop") and a specific API cue ("event.target.closest()"), but the body contains no executable code and "Refactor these per-element event listeners to use event delegation" is abstract, so it is not the level-3 copy-paste-ready anchor.

2 / 3

Workflow Clarity

The Check→Fix→Explain→Code Review sequence is present, but verification is only mentioned in passing ("state how the change should be verified in the browser") with no explicit validate→fix→retry checkpoint, so for this refactor workflow it stays at level 2 rather than 3.

2 / 3

Progressive Disclosure

The SKILL.md body is a concise overview that signals a single one-level-deep reference ("see references/rule.md") which exists as a real file holding the full code and details; content is appropriately split and navigation is easy, matching the level-3 anchor.

3 / 3

Total

9

/

12

Passed

Description

50%

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 carries an explicit Use-when trigger and a recognizable review-oriented framing, but it is hampered by a templating glitch that jams the skill name ("related to Use event delegation for dynamic content") into the middle of the sentence and leaves the core capability implied rather than stated. It is functional but generic and would benefit from rewriting around concrete event-delegation actions and natural trigger terms.

Suggestions

Rewrite the description to remove the duplicated skill-name fragment ("related to Use event delegation for dynamic content") and state the concrete action the skill performs (e.g., refactor per-element listeners into delegated parent listeners).

Add natural trigger terms a user would actually say ("event listener", "click handler not firing on new elements", "dynamic content") alongside the existing technical keywords.

Tighten the what/when pairing so the capability and the trigger conditions are both explicit and unambiguous, rather than one being implied by the other.

DimensionReasoningScore

Specificity

Names the domain ("scripts, client components, bundles, or runtime behavior") and actions ("reviewing", "Inspect... source code and the browser execution path"), but the verbs are generic review/inspect rather than concrete distinctive actions, so it is not the level-3 multi-concrete-action anchor.

2 / 3

Completeness

The "when" is explicit ("Use when reviewing scripts, client components, bundles, or runtime behavior..."), but the "what" is muddled by the malformed "related to Use event delegation for dynamic content" insertion and the core capability (refactor to delegation) is only implied, so it falls short of the clearly-answers-both level-3 anchor.

2 / 3

Trigger Term Quality

The "Use when..." trigger is present, but the keywords lean technical ("client components", "bundles", "runtime behavior") and the natural term "event delegation" is buried inside the garbled phrase "related to Use event delegation for dynamic content", missing common variations like "event listener" or "click handler".

2 / 3

Distinctiveness Conflict Risk

"reviewing scripts, client components, bundles, or runtime behavior" is broad and would overlap with other frontend/JavaScript review skills; the event-delegation niche is only weakly signaled through the awkward embedded phrase, so it is not the level-3 clear-niche anchor.

2 / 3

Total

8

/

12

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.

Validation15 / 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.