skills$openclaw/lazy-load-suggester
lxgicstudios5.4k

by lxgicstudios

lazy-load-suggester – OpenClaw Skill

lazy-load-suggester is an OpenClaw Skills integration for coding workflows. Identify components that should be lazy loaded. Use when optimizing bundle size.

5.4k stars8.6k forksSecurity L1
Updated Feb 7, 2026Created Feb 7, 2026coding

Skill Snapshot

namelazy-load-suggester
descriptionIdentify components that should be lazy loaded. Use when optimizing bundle size. OpenClaw Skills integration.
ownerlxgicstudios
repositorylxgicstudios/lazy-load-suggester
languageMarkdown
licenseMIT
topics
securityL1
installopenclaw add @lxgicstudios/lazy-load-suggester
last updatedFeb 7, 2026

Maintainer

lxgicstudios

lxgicstudios

Maintains lazy-load-suggester in the OpenClaw Skills directory.

View GitHub profile
File Explorer
9 files
.
src
cli.ts
972 B
index.ts
1.3 KB
_meta.json
296 B
package-lock.json
46.2 KB
package.json
614 B
README.md
277 B
SKILL.md
1.9 KB
tsconfig.json
211 B
SKILL.md

name: lazy-load-suggester description: Identify components that should be lazy loaded. Use when optimizing bundle size.

Lazy Load Suggester

Not everything needs to load on first paint. This tool analyzes your components and tells you which ones should be lazy loaded for better performance.

One command. Zero config. Just works.

Quick Start

npx ai-lazy-load ./src/

What It Does

  • Analyzes your component usage patterns
  • Identifies heavy components that load upfront
  • Suggests lazy loading candidates
  • Provides code examples for implementation

Usage Examples

# Analyze all components
npx ai-lazy-load ./src/

# Focus on specific directory
npx ai-lazy-load ./src/components/

# Include pages
npx ai-lazy-load ./src/pages/

Best Practices

  • Lazy load routes - users don't need all pages at once
  • Heavy components - modals, charts, editors
  • Below the fold - content users scroll to
  • Keep critical path small - load what's visible first

When to Use This

  • Initial bundle is too large
  • Time to interactive is slow
  • Adding code splitting to existing app
  • Optimizing specific user flows

Part of the LXGIC Dev Toolkit

This is one of 110+ free developer tools built by LXGIC Studios. No paywalls, no sign-ups, no API keys on free tiers. Just tools that work.

Find more:

Requirements

No install needed. Just run with npx. Node.js 18+ recommended. Needs OPENAI_API_KEY environment variable.

npx ai-lazy-load --help

How It Works

Scans your components to understand import relationships and component sizes. The AI identifies components that aren't needed immediately and would benefit from lazy loading.

License

MIT. Free forever. Use it however you want.

README.md

ai-lazy-load

Identify components that should be lazy loaded using AI.

Install

npm install -g ai-lazy-load

Usage

npx ai-lazy-load ./src/
npx ai-lazy-load ./src/components/

Setup

export OPENAI_API_KEY=sk-...

License

MIT

Permissions & Security

Security level L1: Low-risk skills with minimal permissions. Review inputs and outputs before running in production.

Requirements

No install needed. Just run with npx. Node.js 18+ recommended. Needs OPENAI_API_KEY environment variable. ```bash npx ai-lazy-load --help ```

FAQ

How do I install lazy-load-suggester?

Run openclaw add @lxgicstudios/lazy-load-suggester in your terminal. This installs lazy-load-suggester into your OpenClaw Skills catalog.

Does this skill run locally or in the cloud?

OpenClaw Skills execute locally by default. Review the SKILL.md and permissions before running any skill.

Where can I verify the source code?

The source repository is available at https://github.com/openclaw/skills/tree/main/skills/lxgicstudios/lazy-load-suggester. Review commits and README documentation before installing.