CtrlK
BlogDocsLog inGet started
Tessl Logo

javascript-inline

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

57

Quality

66%

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/javascript-inline/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 and uses progressive disclosure correctly — a lean overview pointing to a real, one-level-deep reference file. However, the four near-duplicate Check/Fix/Explain/Code Review sections pad the content without adding executable detail, and no code example or explicit verification step appears in SKILL.md itself.

Suggestions

Consolidate the Check/Fix/Explain/Code Review sections, which restate the same guidance four ways, into one concise workflow section.

Inline a minimal before/after example (e.g., an onclick button converted to addEventListener) so the fix is executable without opening the reference file.

Add an explicit verification step, such as confirming no inline handlers remain in the rendered HTML and that the page still works with CSP enforced.

DimensionReasoningScore

Conciseness

The body is short and doesn't explain concepts Claude already knows, but the Check, Fix, Explain, and Code Review sections each restate essentially the same guidance ("move inline JavaScript to external files") in four different ways, and the intro sentence duplicates the "Why It Matters" text in references/rule.md. This is more than the minor trimmable padding of anchor 4, fitting anchor 3 (mostly efficient but could be tightened).

3 / 5

Actionability

The Quick Reference gives some concrete direction ("Use addEventListener instead of inline event handlers", "Exception: critical above-the-fold JS can be inlined"), but the Check/Fix sections are high-level directives ("implement proper event handling, and use modern JavaScript patterns") with no inline example or specific steps, delegating all code examples to references/rule.md. This lands between anchor 2 (minimal concrete guidance) and anchor 4 (mostly executable), so anchor 3 with key details missing.

3 / 5

Workflow Clarity

The section order (Quick Reference → Check → Fix → Explain → Code Review) implies a coherent review-then-fix sequence for this single-purpose skill, and the Code Review section requires stating "how the change should be verified in the browser". Not anchor 5 because the checkpoints are implicit — no explicit validation step (e.g., re-check the page, confirm CSP headers pass) is spelled out — but the sequence is clear with only minor gaps, matching anchor 4.

4 / 5

Progressive Disclosure

The SKILL.md is a concise, well-sectioned overview that clearly signals a single one-level-deep reference ("For full implementation details, code examples, and framework-specific guidance, see `references/rule.md`"), and that file exists with no further nested skill references. This matches anchor 5: clear overview, well-signaled one-level-deep references, easy navigation.

5 / 5

Total

15

/

20

Passed

Description

70%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 solid description with an explicit "Use when..." trigger clause and decent natural keywords, correctly avoiding first/second person. Its main weakness is that the "what" is thin — it describes reviewing and inspecting but never states the concrete capability (flagging inline handlers and moving them to external files).

Suggestions

State the core action explicitly, e.g. "Flags inline event handlers (onclick, onmouseover, inline <script> blocks) in HTML and guides moving them to external files with addEventListener."

Add natural synonyms users would say such as "inline scripts", "inline event handlers", "onclick in HTML", and "CSP violations" to broaden trigger coverage.

Trim the generic tail ("so fixes target the real bottleneck or bug") which adds little trigger or capability information.

DimensionReasoningScore

Specificity

The description names the domain ("scripts, client components, bundles, or runtime behavior related to Avoid inline JavaScript") and two concrete actions ("reviewing" and "Inspect both source code and the browser execution path"), but coverage of what is actually done (flag/move inline handlers) is not comprehensive. It fits anchor 3 (domain plus 1-2 concrete actions) better than anchor 4, which expects several specific listed actions.

3 / 5

Completeness

The "when" is explicit ("Use when reviewing scripts, client components, bundles, or runtime behavior...") and a partial "what" is present ("Inspect both source code and the browser execution path so fixes target the real bottleneck or bug"), but the core action (finding and fixing inline JavaScript) is only implied via the rule name. Not anchor 5 because the "what" lacks a concrete statement of what the skill does; not anchor 3 because both elements are explicitly present.

4 / 5

Trigger Term Quality

Includes good natural keywords a user would say: "scripts", "client components", "bundles", "runtime behavior", "browser execution path", "inline JavaScript". It falls short of anchor 5 because common synonyms like "inline event handlers", "onclick handlers", "external scripts", or "CSP" are missing.

4 / 5

Distinctiveness Conflict Risk

"related to Avoid inline JavaScript" carves out a fairly distinct niche within frontend/JS review skills, with natural triggers tied to that specific rule. Minor overlap risk remains with sibling frontendchecklist JavaScript/security rules, matching anchor 4 rather than the minimal-conflict anchor 5.

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.