CtrlK
BlogDocsLog inGet started
Tessl Logo

code-splitting-helper

Code Splitting Helper - Auto-activating skill for Frontend Development. Triggers on: code splitting helper, code splitting helper Part of the Frontend Development skill category.

35

1.01x
Quality

3%

Does it follow best practices?

Impact

94%

1.01x

Average score across 3 eval scenarios

SecuritybySnyk

Passed

No known issues

Optimize this skill with Tessl

npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/code-splitting-helper/SKILL.md
SKILL.md
Quality
Evals
Security

Evaluation results

92%

Optimize a React SPA for Faster Initial Load

React lazy loading and route splitting

Criteria
Without context
With context

Dynamic import syntax

100%

100%

React.lazy usage

100%

100%

Suspense boundary

100%

100%

Fallback component

100%

100%

Error boundary

100%

100%

Accessible loading state

100%

100%

Route-level splitting

100%

100%

Named chunks

0%

0%

Step-by-step documentation

100%

100%

Production-ready output

100%

100%

Validation notes

100%

100%

100%

Reduce Dashboard Load Time by Deferring Heavy Vue Components

Vue async component splitting

Criteria
Without context
With context

defineAsyncComponent usage

100%

100%

Dynamic import syntax

100%

100%

Loading component

100%

100%

Error component

100%

100%

Delay option

100%

100%

Timeout option

100%

100%

Accessible loading indicator

100%

100%

Multiple components split

100%

100%

Step-by-step explanation

100%

100%

Production-ready code

100%

100%

Performance benefit noted

100%

100%

92%

3%

Optimize Build Configuration for a Growing React Application

Webpack bundle configuration optimization

Criteria
Without context
With context

splitChunks configuration

100%

100%

Vendor cacheGroup

100%

100%

Named output chunks

100%

100%

chunks: all setting

100%

100%

No legacy require.ensure

100%

100%

Step-by-step explanation

100%

100%

Production mode consideration

62%

100%

Validation approach

100%

100%

minSize or maxSize setting

0%

0%

Production-ready config

100%

100%

Performance rationale

100%

100%

Repository
jeremylongshore/claude-code-plugins-plus-skills
Evaluated
Agent
Claude Code
Model
Claude Sonnet 4.6

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.