CtrlK
BlogDocsLog inGet started
Tessl Logo

code-splitting

Use when reviewing large SPA bundles, new dependency additions, or routes that feel slow to hydrate. Focus on code that is not required for the initial view and can move behind route transitions, user interaction, or viewport-based loading.

70

Quality

86%

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

SKILL.md
Quality
Evals
Security

Quality

Content

72%

Reviews the quality of instructions and guidance provided to agents. Good implementation is clear, handles edge cases, and produces reliable results.

The body is concise and well-structured with good progressive disclosure to a real, organized reference file. It loses points on actionability and workflow clarity because executable code and validation checkpoints are delegated to the reference rather than surfaced inline for a bundle-modifying code skill.

Suggestions

Add one short inline dynamic import() code example in the Fix section so the core action is copy-paste ready without opening the reference.

Surface an inline verification checkpoint (e.g., re-run the bundle visualizer and confirm the initial chunk shrinks) in the body so the workflow has an explicit validate step.

Tighten the intro paragraph or trim it to the essential motivating fact, since the performance context largely restates what Claude already knows about bundle cost.

DimensionReasoningScore

Conciseness

The body is lean — terse bullets and short directive sections with a single contextualizing sentence — and assumes Claude's competence without padded explanation, matching the lean-and-efficient anchor.

3 / 3

Actionability

Directives are concrete ('Convert the identified static imports to dynamic imports using import() and add appropriate loading states'), but the body contains no inline executable code examples — the copy-paste-ready code is delegated to references/rule.md, so it falls short of the fully-executable anchor 3.

2 / 3

Workflow Clarity

The Check → Fix → Explain → Code Review sections give a clear sequence, but no inline validation/verification checkpoint is present for a bundle-modifying change (verification lives only in the reference), capping the score at 2 per the feedback-loop guidance.

2 / 3

Progressive Disclosure

The body is a concise overview with a clearly signaled, verified one-level-deep reference ('see references/rule.md') whose target is well-organized into code examples and verification sections, matching the well-signaled-one-level-deep anchor.

3 / 3

Total

10

/

12

Passed

Description

100%

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 is specific, trigger-rich, and complete, clearly stating both what the skill does and when to invoke it. It is distinct from neighboring skills and uses natural phrasing a user would actually say.

DimensionReasoningScore

Specificity

Enumerates multiple concrete review targets and splitting strategies ('reviewing large SPA bundles, new dependency additions, or routes that feel slow to hydrate'; 'move behind route transitions, user interaction, or viewport-based loading'), matching the anchor for listing several specific concrete actions.

3 / 3

Completeness

An explicit 'Use when...' clause supplies the trigger, and 'Focus on code that is not required for the initial view...' states the what, so both what and when are explicitly answered.

3 / 3

Trigger Term Quality

Phrasings like 'reviewing large SPA bundles', 'new dependency additions', and 'routes that feel slow to hydrate' are natural terms a frontend engineer would say, giving good coverage; slightly jargon-leaning but clearly above the partial-coverage anchor.

3 / 3

Distinctiveness Conflict Risk

The niche (SPA bundle code-splitting keyed to hydration and route transitions) is specific with distinct triggers, making overlap with unrelated skills unlikely.

3 / 3

Total

12

/

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.