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.

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/code-splitting/SKILL.md
SKILL.md
Quality
Evals
Security

Quality

Content

65%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 overview body with excellent progressive disclosure to a real, well-scoped reference file, held back by actionability (no executable code or named tools in the body) and an implicit workflow with no surfaced verification steps.

Suggestions

Inline one minimal executable snippet (e.g. `const Chart = await import('chart-library')` with a loading state) so the Fix section is actionable without opening the reference.

Make the workflow explicit and surface verification, e.g. '1. Identify candidates → 2. Convert to import() → 3. Verify bundle size drops and routes still load (see Verification in references/rule.md)'.

Name a concrete analyzer (or link the Analyzing Your Bundle section of rule.md) instead of the generic 'analyze your bundle with a visualizer'.

DimensionReasoningScore

Conciseness

The body is mostly lean — short sectioned bullets, no padded prose — but the opening paragraph ('JS must be parsed and compiled before execution') and the 'Explain' section restate concepts Claude already knows. This fits 'efficient; minor instances of over-explanation that could be trimmed' rather than 5, where every token would earn its place.

4 / 5

Actionability

Guidance is directional but not executable in the body: 'Convert the identified static imports to dynamic imports using import()' names the mechanism without showing syntax, and 'Analyze your bundle with a visualizer' names no tool — all executable code is deferred to references/rule.md. This matches 'some concrete guidance but incomplete; missing key details' rather than 4, which requires concrete code or commands with only minor gaps.

3 / 5

Workflow Clarity

The Check → Fix → Explain sections imply a sequence but it is never explicitly ordered, and the body contains no verification step (the 'Verification' section in references/rule.md is never surfaced). Fits 'sequence present but checkpoints missing or implicit'; a 4 would require explicit steps with most checkpoints present.

3 / 5

Progressive Disclosure

The body is a concise, well-organized overview that defers implementation details, code examples, and framework guidance to a single one-level-deep reference (references/rule.md, which exists and contains exactly that content), clearly signaled at the end. This matches the 'clear overview with well-signaled one-level-deep references; content appropriately split' anchor.

5 / 5

Total

15

/

20

Passed

Description

67%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 trigger-first description with an explicit 'Use when' clause and a well-defined niche, weakened by the absence of the most natural user vocabulary ('code splitting', 'lazy loading', 'bundle size') and a 'what' expressed as scope rather than concrete actions.

Suggestions

Add the natural synonyms users actually say — 'code splitting', 'lazy loading', 'bundle size' — to the trigger clause, e.g. 'Use when the user mentions bundle size, code splitting, lazy loading, or routes that feel slow to hydrate.'

State the 'what' as explicit actions instead of a focus statement, e.g. 'Identifies code not needed for the initial view and moves it behind dynamic import(), route boundaries, or user-triggered flows.'

Clarify that 'new dependency additions' means assessing their bundle impact, to reduce overlap with dependency-audit/review skills.

DimensionReasoningScore

Specificity

The description names the domain and several concrete targets ("reviewing large SPA bundles, new dependency additions, or routes that feel slow to hydrate") plus concrete relocation strategies ("route transitions, user interaction, or viewport-based loading"), matching the 'several specific actions; minor gaps' anchor. It falls short of 5 because the action verbs are thinner than a comprehensive list — 'reviewing' and 'can move behind' carry most of the weight.

4 / 5

Completeness

Both parts are present: an explicit "Use when reviewing..." trigger clause and a what-statement ("Focus on code that is not required for the initial view and can move behind..."). The 'when' is concrete, but the 'what' is framed as scope rather than explicit actions, so it fits 'both present; when could be more explicit or specific' inverted — the what keeps it from a 5.

4 / 5

Trigger Term Quality

Relevant keywords like "SPA bundles", "hydrate", and "dependency additions" are present, but the most natural phrases a user would say — "code splitting", "lazy loading", "bundle size" — are missing. This matches the 'some relevant keywords but missing common variations or synonyms' anchor rather than 4, since the gaps are the primary terms, not just a few extras.

3 / 5

Distinctiveness Conflict Risk

The niche (SPA bundle optimization via lazy loading) is clear and mostly distinct, but "new dependency additions" could also trigger dependency-audit or bundle-analysis skills, giving minor overlap risk — matching anchor 4 rather than 5's 'minimal conflict risk'.

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.