🦀 ClawHub
Image Compressor
by @ziji1224054593
高性能、跨框架的图片优化与懒加载解决方案。提供 React 组件、通用工具函数、浏览器/Node 压缩、Vite 静态图片打包压缩、上传编排和 IndexedDB 缓存能力,适合 React、Vue、Vite、Webpack、Node 脚本和 CLI 场景。
TERMINAL
clawhub install image-compressor📖 About This Skill
name: image-compressor description: 基于
rv-image-optimize 的图片压缩、上传与一体化压缩后上传 skill,支持 JPEG/PNG/WebP/AVIF、批量目录处理、FormData 接口配置与 JSON 结果汇总。Use when the user asks to compress images, upload optimized files, convert to WebP or AVIF, batch-process image folders, resize images, or run image optimization/upload from an agent workflow.
version: 3.0.30
metadata:
openclaw:
emoji: "\U0001F5BC\uFE0F"
homepage: https://github.com/ziji1224054593/Rv-image-optimize
requires:
anyBins:
- rv-image-optimize
- npx
install:
- kind: node
package: rv-image-optimize
bins:
- rv-image-optimize
Image Compressor
基于 rv-image-optimize 的图片压缩、上传与格式转换 skill。
An image compression, upload, and format-conversion skill powered by rv-image-optimize.
核心功能 / Features
jpeg、png、webp、avif / Convert between jpeg, png, webp, and avifupload 子命令按 FormData 配置上传文件 / Upload files through the upload subcommand with FormData configpipeline 子命令一条命令完成“压缩 + 上传” / Complete "compress + upload" in one command with the pipeline subcommandchunkUpload 配置执行分片上传 / 断点续传 / Run chunked and resumable uploads through chunkUpload config何时使用 / When to use
当用户提到以下需求时使用:
Use this skill when the user asks to:
webp or avif默认策略 / Default behavior
除非用户明确要求修改原图,否则优先使用安全模式:
--output-dir 输出到新目录--json 方便 Agent 汇总结果chunkUpload 写进 --configPreferred command:
rv-image-optimize "{input}" --output-dir "{outputDir}" --format webp --quality 82 --json
如果全局命令不可用,可回退到:
npx rv-image-optimize "{input}" --output-dir "{outputDir}" --format webp --quality 82 --json
如果任务是“压缩后上传接口”,优先使用:
rv-image-optimize pipeline "{input}" --format webp --quality 82 --config "{configPath}" --json
如果任务是“已有文件直接上传接口”,优先使用:
rv-image-optimize upload "{input}" --config "{configPath}" --json
安全规则 / Safety rules
以下选项只有在用户明确要求时才允许使用:
--delete-original--replace-original--replace-original 不能和以下参数一起使用:
--output--output-dir--suffixIf the user wants to preserve source files, always choose --output-dir.
上传相关安全约定:
FormData 请求方式--config JSON 文件chunkUpload 配置块Authorization、Cookie、Content-Type 优先用配置文件显式字段表达Content-Type 在 FormData 模式下通常建议留空,让运行时自动生成 boundary常用命令 / Common recipes
单张图片压缩 / Compress a single image
rv-image-optimize "./photo.jpg" --output-dir "./compressed" --format webp --quality 82 --json
批量压缩目录 / Compress a folder
rv-image-optimize "./images" --output-dir "./images-compressed" --format webp --quality 82 --json
调整尺寸并压缩 / Resize and compress
rv-image-optimize "./images" --output-dir "./images-compressed" --format webp --quality 82 --max-width 1920 --max-height 1080 --json
压缩成功后删除原图 / Delete originals after success
rv-image-optimize "./images" --output-dir "./images-compressed" --format webp --quality 82 --delete-original --json
直接替换原图 / Replace originals in place
rv-image-optimize "./images" --format webp --quality 82 --replace-original --json
直接上传已有文件 / Upload existing files
rv-image-optimize upload "./dist/demo.webp" --config "./upload.config.json" --json
分片上传 / 断点续传 / Chunked resumable upload
rv-image-optimize upload "./large-assets" --config "./upload.chunk.config.json" --timeout-ms 10000 --json
压缩后直接上传 / Compress then upload
rv-image-optimize pipeline "./images" --format webp --quality 82 --config "./upload.config.json" --json
仅预览上传字段 / Preview upload fields only
rv-image-optimize upload "./dist/demo.webp" --config "./upload.config.json" --preview-only --json
汇报结果 / Reporting results
使用 --json 时,建议汇总:
totalsuccessfailed推荐参数 / Recommended defaults
webp82avif--configchunkUploadpipeline