Image

What This Skill Does

The Image skill for OpenClaw acts as an expert-level reference assistant dedicated to image optimization, color management, and platform-specific formatting. It streamlines the technical decision-making process required to maintain high-quality visual assets across web, e-commerce, and social media channels. The skill provides standardized guidelines for file compression, format selection (such as prioritizing WebP over JPEG or SVG for vector graphics), and strict adherence to retina/HiDPI display requirements. By following the documented workflows, users ensure their images meet modern performance budgets without sacrificing visual integrity. It is designed for creative developers and content managers who require precise technical specifications to manual or automated image processing tasks.

Installation

To install this skill, use the following command in your terminal or OpenClaw interface: clawhub install openclaw/skills/skills/ivangdavila/image This command pulls the source documentation from the repository, making the reference guide available locally for instant consultation.

Use Cases

• Web Development Performance: Quickly determine if an asset should be exported as a WebP or PNG based on transparency and source material.
• E-commerce Optimization: Ensure product photography adheres to specific marketplace requirements for resolution, padding, and background color.
• Social Media Marketing: Access accurate dimensions for header images, feed posts, and thumbnails to prevent platform-side cropping issues.
• Print-to-Web Conversion: Consult best practices for converting CMYK print assets into color-accurate sRGB web-ready files.
• Workflow Automation: Utilize the bundled command examples for ImageMagick and PIL to script bulk image processing tasks reliably.

Example Prompts

1. "I have a hero image for my website. Based on the OpenClaw Image skill, what is the recommended file size budget and quality percentage for a WebP file?"
2. "What are the current dimension standards for a professional LinkedIn banner, and should I use a 2x or 3x source file for Retina screens?"
3. "Provide a command example using ImageMagick to resize a folder of images to 800px width while maintaining a 75% quality factor for general web use."

Tips & Limitations

This skill is strictly a reference tool; it does not perform file modifications, access your local storage, or execute code. Users should follow the 'Before Processing Checklist' before initiating batch scripts. Always prioritize sRGB for web content to avoid display color shifts. Remember that the skill does not require API credentials, making it a privacy-safe solution for your design documentation needs.