前言¶
网页配图、文档插图、设计稿导出,常见格式之一是 PNG。无损或带透明通道时,单张几 MB 并不稀奇:仓库体积涨、CI 传资源慢、页面首屏被大图拖后腿。本地用 GUI 或命令行工具可以压,但每次都要自己记参数、批量时要写脚本,在对话式编码环境里也不够顺手。
下面介绍 SkillHub 上的 image-compression:把「压缩 PNG、减小体积、尽量保持视觉质量」写成 Agent 可遵循的 Skill。用户用自然语言描述需求时,模型会按 Skill 指引处理,而不是临时猜一套流程。
这是什么¶
image-compression 是面向 design-media 场景的社区 Skill(community),坐标为 @user_34ee2070/image-compression1,当前版本 1.0.0,发布者为 user_34ee2070。标签标明 requires_api_key=false,安装后不需要额外 API Key。
一句话定位:在用户提出与「缩小图片文件、优化 PNG、批量压缩」相关的请求时,引导 Agent 压缩 PNG,在减小文件体积的同时尽量保持视觉质量。
官方入口:
- SkillHub 页面:https://www.skillhub.cn/skills/user_34ee2070/image-compression1
- API 坐标页:https://api.skillhub.cn/user_34ee2070/image-compression1
核心功能¶
依据 SkillHub 公开简介,已核实的能力如下:
- PNG 体积压缩:针对 PNG,在可接受的画质下减小文件大小。
- 意图触发:除显式的「压缩图片」「优化 PNG」「批量压缩」外,用户提到图片「太大」、需要「节省空间」、或为网页/存储做「优化」时,也应启用该 Skill。
- 无 Key 依赖:
requires_api_key=false,不绑定第三方付费接口即可完成 Skill 所描述的工作流(具体实现以 Skill 包内SKILL.md为准)。
说明:公开资料强调对象是 PNG;其他格式是否支持,页面未写明,不宜自行扩展表述。
安装与启用¶
Skill 基于通用 SKILL.md 格式,需安装到当前 Agent 能识别的 skills 目录,否则不会被加载。
方式一:让 AI 按 SkillHub 文档安装¶
将下面提示发给支持 Skill 的 AI(安装说明见 SkillHub 安装文档):
请根据 https://skillhub.cn/install/skillhub.md,安装 `@user_34ee2070/image-compression1`。
方式二:使用 skillhub CLI¶
先确认是否已安装 CLI:
command -v skillhub && skillhub --version
未安装时,可按 SkillHub 文档执行完整安装(CLI + 默认 Skill):
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash
仅安装 CLI:
curl -fsSL https://skillhub-1388575217.cos.ap-guangzhou.myqcloud.com/install/install.sh | bash -s -- --cli-only
安装本 Skill 时,必须用 --dir 指向当前环境的 skills 目录。SkillHub 文档给出的常见路径包括:
| 环境 | skills 目录(示例) |
|---|---|
| Cursor | ~/.cursor/skills/ |
| Claude Code | ~/.claude/skills/ |
| Codex | ~/.codex/skills/ 或项目下的 .agents/skills/ |
| Gemini CLI | ~/.gemini/skills/ |
在 Cursor 中可执行(路径请按本机实际调整):
skillhub install user_34ee2070/image-compression1 --dir ~/.cursor/skills/
文档还提醒:装错目录时 Agent 可能识别不到,安装后若未生效,需确认目录并视客户端要求重启或刷新。
Claude Code、Codex CLI、Cursor 的差异主要体现在 skills 目录位置;安装命令形态一致,均为 skillhub install … --dir <skills 目录>。各客户端是否需重启,以对应产品当前行为为准,公开安装页未统一写死一种做法。
典型用法¶
公开页面未附带单独的 Shell 演示脚本;用法以 对话触发 + Agent 执行 Skill 内步骤 为主。可复现的交互方式如下。
- 完成安装,并确认 Skill 已出现在当前 Agent 的 skills 目录。
- 在对话中直接说明需求,例如:
- 「把assets/下所有 PNG 批量压缩,尽量不明显糊。」
- 「这张图太大,要减小体积给网页用。」
- 「优化这些 PNG,节省仓库空间。」 - Agent 根据 Skill 说明选择合适工具与参数,对目标 PNG 处理,并可在完成后对比体积或说明操作结果。
经过上面的步骤,你不需要在每次任务里重复解释「要压 PNG、要保画质」;Skill 负责统一触发条件与处理取向。
适用场景与注意¶
适合谁
- 经常在项目里放 PNG 截图、图标、透明素材的开发者。
- 希望用自然语言驱动「批量压图」「单张优化」,而不是每次手写命令的人。
- 使用 Cursor、Claude Code、Codex 等支持 Skill 目录的客户端的团队。
限制与注意
- 简介明确围绕 PNG;若素材是 JPEG、WebP 等,应先确认 Skill 包内是否扩展支持,勿默认等同处理。
- 社区 Skill(
user_34ee2070),质量与维护节奏取决于发布者;升级可用skillhub相关更新能力(以 SkillHub CLI 当前命令为准)。 - 压缩是体积与画质的权衡;「保持视觉质量」不代表像素级无损,关键素材建议保留原图备份。
- SkillHub 页面展示的评分为 100000、下载 845(抓取时统计),仅作商店热度参考,不代表你的项目一定能压到某一固定比例。
结尾¶
image-compression 把 PNG 体积优化收进 Agent Skill:无 API Key、按用户话术自动触发,适合在编码对话里顺手处理「图太大」类需求。安装时记住坐标 @user_34ee2070/image-compression1,并把包装进当前客户端的 skills 目录。
- SkillHub:https://www.skillhub.cn/skills/user_34ee2070/image-compression1
- 坐标 API:https://api.skillhub.cn/user_34ee2070/image-compression1