JavaScript Code Splitting Review

What it does

This skill teaches an AI agent to review JavaScript for code splitting, a technique where a web app only downloads the code needed for the current screen. When it is installed, the agent checks large bundles, new dependencies and slow-loading routes, then suggests moving heavy modules behind dynamic import() calls, route boundaries or user actions, with loading states. It is guidance from a checklist rather than a tool that changes files on its own.

Try asking

• “Review this React router file and tell me which routes should be lazy-loaded.”Copy
• “Check whether adding this chart library to the dashboard bloats the initial bundle, and suggest a dynamic import.”Copy
• “Explain how route-based code splitting works in my Vue single-page app.”Copy
• “Find heavy imports in this component that could load only when the user clicks a button.”Copy

Get better results

• Share the entry file, router config and the list of dependencies so the agent can spot static imports that could be deferred.
• Pair the review with a bundle visualizer report, since the skill recommends analysing bundles but the agent cannot measure them itself.
• Ask the agent to confirm that lazy-loaded parts still render a fallback and keep the first meaningful paint intact.

What's inside

• references/rule.md
• SKILL.md