An AI-powered CLI utility that analyzes project routes to suggest and generate code for high-probability data and page prefetching.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install prefetch-gen
2. Manual Installation
Copy the skill folder to one of these locations
~/.openclaw/skills/ <project>/skills/ Priority: Workspace > Local > Bundled
3. Prompt Installation
Copy this prompt to OpenClaw to install it automatically.
Help me install prefetch-gen using Clawhub. If Clawhub is not installed, install it first (npm i -g clawhub).
Prefer to download?
Get the raw skill files in a ZIP archive.
What is Prefetch Suggester?
Prefetch Suggester is a performance-focused tool designed to eliminate navigation latency by predicting user behavior. By scanning project directories, it identifies the most likely next steps in a user journey and suggests exactly what data and pages to prefetch for a seamless, instant experience. As a core part of the Openclaw Skills ecosystem, it bridges the gap between static code analysis and intelligent user experience optimization.
This tool is particularly effective for modern web applications where manual optimization of every possible route is impractical. It provides ready-to-use implementation code, ensuring that your application feels instant to the end-user while carefully managing bandwidth by focusing only on high-priority navigation paths.
Prefetch Suggester Use Cases
- Improving perceived performance in applications where navigation feels sluggish.
- Optimizing critical user conversion flows such as checkout or registration paths.
- Integrating intelligent prefetching into existing React, Next.js, or Vue applications.
- Learning advanced data fetching patterns through AI-generated code recommendations.
How Prefetch Suggester Works
- Scans the specified project directory to map out application routes and file structures.
- Analyzes link patterns and internal logic to determine high-probability navigation transitions.
- Evaluates data dependencies associated with each route to identify prefetching opportunities.
- Generates actionable suggestions and implementation code snippets based on probability and performance impact.
Prefetch Suggester Setup
To use this tool, ensure you have Node.js 18+ installed. You must have an OPENAI_API_KEY environment variable configured for the AI analysis to function. There is no permanent installation required as it runs via npx.
# Set your API key
export OPENAI_API_KEY='your_api_key_here'
# Run the tool against your pages or routes directory
npx ai-prefetch ./src/pages/
Prefetch Suggester Data Schema & Taxonomy
The Prefetch Suggester processes your directory structure and source code to generate a performance report. The output typically includes:
| Attribute | Description |
|---|---|
| Target Route | The specific application path identified for optimization. |
| Probability Score | The AI-calculated likelihood of a user navigating to this path next. |
| Prefetch Method | Recommended implementation (e.g., hover-based, intersection observer, or immediate). |
| Code Snippet | Copy-pasteable logic for prefetching data or assets. |
| Resource Type | Identifies if the recommendation is for a page chunk, JSON data, or static assets. |
Prefetch Suggester Advanced Features
- Intent-based prefetching that triggers on hover signals to minimize lag.
- Bandwidth-aware recommendations to prevent over-fetching and resource waste.
- Support for multiple framework structures including Next.js app/pages and standard React Router setups.
- Integration ready for the wider LXGIC Dev Toolkit and Openclaw Skills environment.
- Automated generation of intersection observer logic for viewport-based preloading.
SKILL.md
Loading
Related Openclaw Skills
PR Writer
An AI-powered CLI tool that analyzes git diffs to automatically generate comprehensive pull request titles and descriptions.
Port Kill
A cross-platform CLI tool to terminate processes running on specific ports without complex shell commands.
Pitch Gen
A command-line utility that transforms startup ideas into comprehensive, investor-ready pitch deck content using AI.
Pitch Generator
Generate professional, structured startup pitch deck content instantly using AI.
Prefetch Suggester
An AI-powered CLI tool that analyzes application routes to suggest and implement intelligent prefetching for instant page transitions.
Prefetch Advisor
Prefetch Advisor leverages AI to analyze application routing and user flows, recommending specific data and routes to prefetch for instantaneous navigation.
Featured*
