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
3%
Does it follow best practices?
Impact
94%
1.01xAverage score across 3 eval scenarios
Passed
No known issues
Optimize this skill with Tessl
npx tessl skill review --optimize ./planned-skills/generated/05-frontend-dev/code-splitting-helper/SKILL.mdReact lazy loading and route splitting
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%
Vue async component splitting
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%
Webpack bundle configuration optimization
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%
3e83543
Table of Contents
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.