---
title: "Code Splitting - Air Market"
description: "By default a visitor downloads code for pages they may never open. This covers splitting your routes so each one loads its own part, with a naming convention and route helpers for the lazy pieces. It…"
canonical: "https://airmarket.ai/app/code-splitting"
---

[Air Market](/) / [Developer Tools](/category/devtools) / Code Splitting

Skill by [TanStack](/@tanstack)

# Code Splitting

Stop shipping every route's code to someone opening one page

## What this does

By default a visitor downloads code for pages they may never open. This covers splitting your routes so each one loads its own part, with a naming convention and route helpers for the lazy pieces. It also covers keeping typed access to route data once a route is spread across files, and overriding the split for a route that needs different handling.

### Top 3 things it does for you

- Turn on automatic splitting for your routes
- Move a route's component into its own lazy file
- Keep typed hooks working inside a split file

## Information

**Code Splitting at a glance**

|  |  |
| --- | --- |
| Kind | Skill |
| Publisher | [TanStack](/@tanstack) |
| Category | [Developer Tools](/category/devtools) |
| Works with | Agent Skills - an open standard supported by 40+ agents |
| Size | 9 KB |
| Licence | MIT |
| Repository | [TanStack/router](https://github.com/TanStack/router/tree/179d9b9b5eec50dc7833b4e2ef91b735d34bbc07/packages/router-core/skills/router-core/code-splitting) |
| GitHub stars | 14,984 (as of Nov 2026) |

## Security report

**Verified.** AIR scanned this exact version of Code Splitting and flagged nothing. AIR's verdict: **safe**.

**What Code Splitting's check was run against**

|  |  |
| --- | --- |
| Commit | 179d9b9b5eec50dc7833b4e2ef91b735d34bbc07 |
| Content hash | 85b6910000e397d76a4c2b85a8d29b69f8d1a09d18f611b0c35e86107a2acd31 |
| Files read | [Browse the files at this exact commit](https://github.com/TanStack/router/blob/179d9b9b5eec50dc7833b4e2ef91b735d34bbc07/packages/router-core/skills/router-core/code-splitting/SKILL.md) |

A scan is named by the exact content it read, not by a version number. A different version is a different artifact, and nothing here applies to a version AIR has not scanned.

[Read the full security report for Code Splitting](/security/code-splitting)

## About Code Splitting

Automatic code splitting via autoCodeSplitting, plus the .lazy.tsx convention and the createLazyFileRoute, createLazyRoute and lazyRouteComponent helpers for the parts of a route that load separately.

Covers getRouteApi for typed hooks inside split files, and the distinction between critical and non-critical route properties that decides what gets split out.

For cases where the defaults are wrong, it covers codeSplitGroupings as a per-route override and splitBehavior for configuring it programmatically.

## What's inside

- SKILL.md - instructions

## Questions

### Is Code Splitting safe to install?

AIR scanned this exact version of Code Splitting and flagged nothing. AIR's verdict: safe. The verdict is named by the content that was read, at commit 179d9b9b5eec, so it cannot drift onto a version nobody scanned. The full report is at https://airmarket.ai/security/code-splitting.

### How do I install Code Splitting?

Open https://airmarket.ai/app/code-splitting on Air Market and use the install action: Air Market hands Claude a prompt naming this exact skill, and Claude sets it up. Source, pinned to the exact commit this listing describes: https://github.com/TanStack/router/tree/179d9b9b5eec50dc7833b4e2ef91b735d34bbc07/packages/router-core/skills/router-core/code-splitting. Install from that link, not the branch.

## Related on Air Market

- [More Developer Tools listings](/category/devtools)
- [Everything by TanStack](/@tanstack)

---

Canonical URL: <https://airmarket.ai/app/code-splitting>