CtrlK
BlogDocsLog inGet started
Tessl Logo

import-on-interaction

Use when reviewing slow initial loads caused by optional features. Prioritize code that is expensive to download or execute and not required for the first viewport, first input, or core task completion.

58

Quality

67%

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/import-on-interaction/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

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

A well-structured, token-efficient overview body that correctly pushes code examples and framework specifics into a real, one-level-deep reference file. The main weakness is workflow clarity: the review/fix sequence has no inline validation checkpoint, deferring all verification detail to the reference.

Suggestions

Add a brief inline verification checkpoint to the Code Review section (e.g. 'Confirm via DevTools Coverage or a waterfall trace that the deferred module is absent from the initial bundle') so validation is not entirely deferred to references/rule.md.

Tighten the opening paragraph to one sentence — the motivation ('users should not pay for features they may never use') is largely known and the Quick Reference already carries the substance.

DimensionReasoningScore

Conciseness

The body is lean — short Quick Reference bullets and one-sentence Check/Fix/Explain/Code Review sections — with only minor padding: the opening paragraph ('Users should not pay the download, parse, and execution cost... keeps the first view focused on content that matters') explains motivation Claude already knows. This matches the 'efficient; minor instances of over-explanation that could be trimmed' anchor rather than 5's every-token-earns-its-place bar.

4 / 5

Actionability

The guidance names the exact technique ('user-triggered dynamic import()'), the required accompaniments ('immediate loading feedback', 'initial render still works without the deferred feature'), and concrete target features (chat widgets, editors, maps, export flows). It is mostly executable instruction rather than vague direction; the gap to 5 is that no inline code snippet or command is provided in the body itself — all examples are deferred to references/rule.md.

4 / 5

Workflow Clarity

The Check → Fix → Code Review sections give a recognizable sequence, but validation is only implicit and deferred ('verify the fix keeps the initial path lighter' names what to verify without any how, and the actual verification procedure lives entirely in rule.md). This matches the anchor of steps present but checkpoints missing or implicit; it is not a destructive or batch operation, so no hard cap applies, but it also lacks the explicit validation steps needed for 4.

3 / 5

Progressive Disclosure

The body is a concise, well-organized overview with clearly signaled one-level-deep references: 'For full implementation details, code examples, and framework-specific guidance, see references/rule.md' — and that file exists with exactly that content (code examples, framework guidance, verification). The split is appropriate and navigation is easy, matching the top anchor.

5 / 5

Total

16

/

20

Passed

Description

62%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' clause and a well-scoped trigger scenario, written in appropriate imperative voice. Its main weaknesses are a thin statement of what the skill actually does and missing natural synonyms (lazy loading, code splitting, bundle size) that users would say.

Suggestions

State the concrete action in the description, e.g. 'Flag heavy modules that load on first render but are only needed after a click, focus, or hover, and move them behind a user-triggered dynamic import()'.

Add natural trigger synonyms users would actually say — 'lazy loading', 'code splitting', 'bundle size', 'page loads slowly', 'initial JavaScript payload' — to improve trigger term coverage.

Keep the description in the imperative 'Use when...' form but pair it with one explicit capability verb beyond 'prioritize' (e.g. 'defer' or 'lazy-load') so the 'what' is as concrete as the 'when'.

DimensionReasoningScore

Specificity

The description names the domain ("reviewing slow initial loads caused by optional features") and one composite action ("Prioritize code that is expensive to download or execute"), matching the anchor for naming a domain with 1-2 concrete actions. It does not reach 4 because it never states the actual technique (dynamic import(), deferred loading) or multiple distinct actions.

3 / 5

Completeness

Both parts are present: the 'when' is explicit ("Use when reviewing slow initial loads caused by optional features") and the 'what' is stated (prioritize expensive, non-required code). Not 5 because the 'what' is review-direction only and lacks the concrete remediation capability (dynamic import / deferred loading), leaving it thinner than the fully explicit exemplar.

4 / 5

Trigger Term Quality

Relevant keywords are present ("slow initial loads", "optional features", "first viewport", "first input", "core task") but common natural variations users would say are missing — "lazy loading", "code splitting", "bundle size", "page loads slowly", "JavaScript payload". This matches the 'some relevant keywords but missing common variations or synonyms' anchor rather than 4, which requires only a few missing terms.

3 / 5

Distinctiveness Conflict Risk

The trigger scenario (slow initial loads caused by optional features) carves out a fairly clear performance niche with low conflict risk against unrelated skills. It stops short of 5 because it could overlap with sibling performance-review skills (bundle-size, lazy-loading, LCP-focused rules) that share the same trigger phrasing.

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