A zero-config AI utility that scans image directories to identify performance bottlenecks and suggest optimization strategies.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install image-optimizer
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 image-optimizer 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 Image Optimizer?
Image Optimizer is an essential tool for developers looking to improve website performance without manual auditing. As a specialized addition to the Openclaw Skills library, it addresses the common problem of unoptimized assets that slow down page loads and hurt SEO rankings. By scanning your project's image folders, it provides a clear roadmap for reducing file sizes and modernizing asset delivery.
This skill leverages AI to move beyond basic compression. It analyzes image metadata and provides strategic advice on format conversions, such as moving from PNG to WebP, and implementing responsive image patterns. It is designed to be a seamless part of the Openclaw Skills ecosystem, requiring no complex configuration to start generating value.
Image Optimizer Use Cases
- Resolve Lighthouse performance warnings related to oversized images.
- Audit legacy projects to identify unoptimized assets before a major release.
- Automate the discovery of images that lack modern format support like WebP.
- Formulate a responsive image strategy for mobile-first web development.
How Image Optimizer Works
- The user initiates a scan on a specific directory using the CLI command.
- The tool crawls the folder to extract metadata, including file sizes, pixel dimensions, and current formats.
- The collected data is sent to an AI model which evaluates the assets against modern web performance standards.
- A detailed report is generated, providing prioritized recommendations for optimization and conversion.
Image Optimizer Setup
Image Optimizer requires Node.js 18 or higher and an OpenAI API key. No permanent installation is necessary as it can be run via npx. To integrate this with Openclaw Skills workflows, set your environment variable and run the following:
export OPENAI_API_KEY='your_api_key_here'
npx ai-image-optimize ./public/images/
Image Optimizer Data Schema & Taxonomy
The skill processes image metadata and provides a structured reporting output. It focuses on the following data points:
| Metadata Field | Description |
|---|---|
| Path | Relative path to the image file |
| Current Size | Original file weight (e.g., 5MB) |
| Dimensions | Width and height of the asset |
| Format | Original extension (JPEG, PNG, etc.) |
| AI Suggestion | Recommended optimization action |
Users can append the --verbose flag to the command to receive a more comprehensive data breakdown during the analysis phase.
Image Optimizer Advanced Features
- Multi-directory scanning support for large-scale projects.
- AI-driven priority scoring to identify which images offer the most significant performance gains.
- Verbose reporting mode for detailed technical auditing.
- Seamless integration into CI/CD pipelines to ensure performance standards are met before deployment within Openclaw Skills environments.
SKILL.md
Loading
Related Openclaw Skills
Image Optimizer
A command-line tool that uses AI to scan your image assets and provide actionable optimization recommendations to improve web performance.
Husky Generator (husky-gen)
A smart utility that analyzes your project structure to automatically configure tailored Git hooks for linting, testing, and commit standards.
Husky Generator
A zero-config tool that analyzes your project to automatically generate and configure tailored Git hooks using Husky.
Humanize CLI
A powerful command-line interface for identifying AI patterns in text and automatically rewriting content to sound more human.
Index Suggester
Generate smart database index suggestions by analyzing query patterns in your source code.
Interview Generator
A developer-centric tool that analyzes your actual codebase to generate relevant, high-signal technical interview questions for hiring.
Featured*
