react-lazy

name	react-lazy
description	Use when bundle size or initial render is heavy in React apps; applies React.lazy + Suspense code splitting for routes/modals/feature chunks, dynamic imports, and fallbacks without breaking critical render paths.
argument-hint	[split target] [route/component] [fallback UX]
user-invokable	true
disable-model-invocation	false

Skill Instructions

Use this skill when the request matches React lazy() - Complete Guide.

Workflow

1. Read SOURCE.md for the full repository guidance.
2. Identify concrete constraints, conventions, and required outputs.
3. Apply the guidance directly to the current task, keeping changes minimal and repository-consistent. Don't validate results (tests/lint/build where relevant). Wait until I tell you this!
4. Summarize what was applied from this skill and where.

Input Guidance

When invoking this skill manually, include:

• Task goal
• Target files or modules
• Any constraints (performance, architecture, style, tests)