A command-line tool that uses AI to scan your image assets and provide actionable optimization recommendations to improve web performance.
Install & Download
1. ClawHub CLI
The fastest way to install a skill directly from the registry.
npx clawhub@latest install image-optimize
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-optimize 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 a specialized utility designed to tackle the common problem of bloated web assets that degrade user experience and SEO rankings. By integrating this capability into your development workflow via Openclaw Skills, you can automatically audit your public or assets folders to find critical optimization opportunities. The tool bridges the gap between identifying a slow site and knowing exactly which files are the culprits.
Unlike traditional compressors, this skill doesn't just blindly reduce quality. It analyzes your technical debt in image delivery and suggests modern formats like WebP and AVIF to streamline your frontend performance. Utilizing Openclaw Skills for asset management ensures your images are optimized for the modern web without requiring manual inspection of every directory.
Image Optimizer Use Cases
- Auditing project assets when Lighthouse reports excessive image payloads or slow Largest Contentful Paint (LCP).
- Planning an optimization sprint for legacy web projects with large, uncompressed media folders.
- Identifying specific images that should be converted from legacy PNG or JPEG formats to modern formats like WebP.
- Generating a prioritized list of responsive image strategies to share with a development team.
How Image Optimizer Works
- The tool initiates a local recursive scan of the specified directory path provided in the command line.
- It extracts essential metadata from each image file, including file size, dimensions, and current format.
- This metadata is packaged and sent to GPT-4o-mini to analyze performance bottlenecks based on modern web standards.
- The AI generates a detailed report with specific, prioritized recommendations for each asset scanned.
- The developer receives a clear action plan to implement the suggested changes and improve site load times.
Image Optimizer Setup
To use this tool effectively, ensure you have Node.js 18 or higher installed on your system. You will also need an OPENAI_API_KEY set in your environment variables to power the AI analysis. No permanent installation is required as it can be run directly via npx within the Openclaw Skills ecosystem:
export OPENAI_API_KEY='your_api_key_here'
npx ai-image-optimize ./public/images
Image Optimizer Data Schema & Taxonomy
The skill processes image metadata to generate its reports. It organizes the resulting analysis into a structured format for clear developer review:
| Data Point | Description |
|---|---|
| File Path | The relative location of the image within your project structure. |
| Dimensions | The current width and height of the asset in pixels. |
| Current Format | The existing file extension (e.g., .png, .jpg, .jpeg). |
| Suggested Action | The specific recommended optimization (e.g., 'Convert to WebP', 'Resize for Mobile'). |
| Impact Level | A qualitative estimate of the performance gain expected from the change. |
Image Optimizer Advanced Features
- Verbose reporting mode for deep-dive asset audits using the
--verboseflag to see full AI reasoning. - Support for multiple directory scans allowing for comprehensive project-wide audits.
- AI-driven responsive image strategy generation tailored to high-performance web standards.
- Zero-configuration execution, making it one of the most accessible Openclaw Skills for frontend developers.
SKILL.md
Loading
Related Openclaw Skills
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.
Gitignore Generator
A smart CLI tool that scans your codebase to automatically generate a comprehensive .gitignore file tailored to your specific tech stack.
Image Optimizer
A zero-config AI utility that scans image directories to identify performance bottlenecks and suggest optimization strategies.
Index Suggester
Generate smart database index suggestions by analyzing query patterns in your source code.
Featured*
