图片压缩

SKILL前端设计
前端设计 未标注权限 许可证不明确
安装这个技能

自动化图片压缩工作流。支持本地路径、文件夹批量压缩,调用 NX MCP 服务端智能压缩,返回 CDN 地址及压缩比,支持覆盖原文件或另存。微信号:zhijian_2026

一句话选型结论

按资料字段整理

图片压缩是前端设计类的 Agent Skill,安装方式未标注,权限级别未标注,许可证不明确,有可直接复制的安装命令。技能本质是给模型读的说明书,效果取决于模型与客户端;装完先用一个小任务验证,再放进正式流程。

分类前端设计 安装方式未标注 权限级别未标注权限 许可证许可证不明确
累计安装 未标注 本周 未标注
GitHub 星标 未标注 仓库 未标注
下载量 未标注 技能市场下载数
权限级别 未标注权限 安装前请确认风险范围
许可证 许可证不明确 未说明

安装

未标注
在支持 Skills 的客户端里执行,装完问一句「你有哪些技能」验证
skillhub install user_26f7b237/nx-image-compress
  1. 1
    确认客户端支持

    确认你的客户端支持 Skills(Claude、Codex、Cursor 等),并升级到较新的版本。

  2. 2
    拿到技能文件

    执行上面的命令安装;也可以把仓库里的 SKILL.md 手动放进客户端的 skills 目录。

  3. 3
    刷新技能列表

    重新打开客户端,或刷新技能列表,让新放进来的技能被加载。

  4. 4
    验证是否生效

    问一句「你有哪些技能」,确认列表里出现它,再拿一个小任务试跑。

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_26f7b237仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791736176
正文体量6.0 KBSKILL.md 原文大小,越大说明说明书写得越细

典型使用场景

3 类
按分类整理的常见用法,具体以 SKILL.md 为准
出页面与组件

按描述生成页面结构和组件草稿。

调整样式与布局

改间距、配色与响应式布局。

生成设计说明

把设计稿整理成开发能接的说明。

选择建议

装之前先看这几条
按条目字段给出的判断,不替你决定用不用

值得选的地方

  • 有可直接复制的安装命令,不用自己翻文档找入口。

先想清楚的地方

  • 没有标注权限级别,实际能做什么要装好后确认。
  • 许可证不明确,商用或二次分发前先到仓库确认条款。
  • 没有做站内核验,内容以作者仓库为准。
  • 技能只是说明书,实际效果取决于模型与客户端,装完先用小任务试一遍。

更适合

  • 需要在前端设计场景里给模型补一套做法的人。
  • 愿意先读一遍 SKILL.md、确认它会让模型做什么的人。

不太适合

  • 对许可证要求很严、必须明确可商用的人。
  • 只想装完就自动变强、不打算看说明书的人。

同类对比

6 个同类
同分类里挑最接近的几条,字段以各自详情页为准
技能权限级别安装方式累计安装宿主客户端安装命令
图片压缩当前 未标注权限 未标注 未标注 未标注 有
前端设计 只读 GitHub 仓库 882.3 万 Codex、Claude、Cursor 有
Vercel 组合模式 联网访问 GitHub 仓库 385.9 万 Codex、Claude、Cursor 有
Vercel React native skills 前端 只读 GitHub 仓库 246.9 万 Codex、Claude、Cursor 有
adapt 搜索 浏览器控制 GitHub 仓库 202.7 万 Codex、Claude、Cursor 有
使用我的浏览器 浏览器控制 GitHub 仓库 184.8 万 Codex、Claude、Cursor 有

SKILL.md 全文

6.0 KB
模型实际读到的说明书原文,来自技能仓库

图片压缩

直连 NX API 对图片进行智能压缩,返回 CDN 地址和压缩率。自动跳过超 30MB 文件,支持直接下载到本地目录。

执行规则

  1. 确认 Node.js >= 18 可用。
  2. Key 处理(不强制检查,有没有都执行):
    - 脚本自动查找 .env:从当前工作目录逐级向上爬到项目根,最后兜底用户主目录 ~/.env,就近优先
    - 执行前实际检查:cat .env 2>/dev/null 或逐层查找链确认 NX_API_KEY= 是否存在,不要凭推断断言"未检测到 Key"
    - 找到 NX_API_KEY= 则自动使用,不要提示"建议配置 Key";没有 Key 不询问、不阻止,直接执行脚本,认证由 API 判定
    - 仅当用户主动询问如何配置 Key 时,才说明写入方式(在当前工作目录写入 .env:echo "NX_API_KEY=用户提供的Key" >> .env)
    - .env 写入位置是当前工作目录 cwd(用户启动 Claude Code 的目录),不要推断或写入其他目录(如配置/测试目录)
  3. 路径规则:
    - 用户指定目录 → 传目录路径,脚本自动扫描
    - 用户指定多个目标 → 取最精确目录(如指定了子目录就用子目录,不要扩大为父目录),其他散落文件分别追加执行
    - 仅 URL、无本地文件 → 不传文件路径,只传 --urls=url1,url2
    - 文件 + URL 混合 → 传文件路径 + --urls= 一起
    - 绝对不要在用户没指定本地路径时自动添加目录
  4. 单文件超过 30MB 自动跳过并提示用户。
  5. 本地文件为单文件单请求,并发池 5。
  6. 默认压缩质量 90(1-100),可通过 --quality= 调整。
  7. 压缩完成后 AI 从控制台提取 CDN 地址。用户要求下载时详见下方「下载压缩结果」章节。

使用示例

场景 1:压缩整个目录
> 用户:"/image-compress 帮我压缩 E:\product\images 目录"
> Skill:执行 node scripts/compress.js E:/product/images → 输出压缩表格

场景 2:单张压缩并保存
> 用户:"压缩 E:\photo.jpg 保存到 D:\output"
> Skill:执行 node scripts/compress.js E:/photo.jpg --output=D:/output → 压缩 + 下载到本地

场景 3:压缩 URL 图片
> 用户:"帮我压缩这几个链接 https://cdn.xxx/1.jpg https://cdn.xxx/2.png"
> Skill:执行 node scripts/compress.js --urls=https://cdn.xxx/1.jpg,https://cdn.xxx/2.png

场景 4:调整压缩质量
> 用户:"用 60 的质量压缩 E:\photo.jpg"
> Skill:识别到质量要求 → 执行 node scripts/compress.js E:/photo.jpg --quality=60。用户未明确指定质量时,主动询问是否需要调整(默认 90)。

场景 5:无 Key
> 用户:"/image-compress 压缩 D:\素材"
> Skill:检测 .env 无 Key → 直接执行脚本 → 若 API 返回认证错误,如实展示给用户

命令

脚本路径按安装位置自动适配,优先项目级,回退全局:

`bash

项目级安装

node .claude/skills/image-compress/scripts/compress.js "<目标路径>" --channel=tencent

全局安装(~/.claude/skills/)

node ~/.claude/skills/image-compress/scripts/compress.js "<目标路径>" --channel=tencent
`

执行前先 ls 确认脚本存在,选存在的路径。

可选的 URL 参数(与本地文件混合压缩):

bash node &lt;脚本路径&gt; &quot;&lt;目标路径&gt;&quot; --channel=tencent --urls=https://a.com/1.jpg,https://a.com/2.jpg

可选参数:

参数 默认值 说明
--key= 读 .env API Key
--channel= github 分发平台标识
--quality= 90 压缩质量 1-100
--output= 不保存 下载压缩图到指定目录

下载压缩结果

压缩完成后表格中已包含 CDN 地址。用户要求下载时:

bash curl --http1.1 -o &quot;&lt;绝对路径&gt;/&lt;文件名&gt;&quot; &quot;&lt;CDN地址&gt;&quot;
> 路径必须使用绝对路径(如 E:/output/photo.jpg),禁止相对路径避免文件落到项目目录。

绝对禁止重新执行 compress.js --output=,直接 curl 已有的 CDN 地址即可。

结果与错误

  • 标准输出为表格:文件名、原始大小、压缩后大小、压缩率、CDN 地址。
  • API 返回 code===0 为正常响应;data.items 包含每张图的压缩结果。
  • API 返回 code!==0 时 message 包含错误原因,应直接展示给用户。
  • 超 30MB 文件在扫描阶段标记为「超过30MB限制」并跳过。

返回字段

字段 类型 说明
compressed_url string 压缩后 CDN 地址
original_size number 原始大小(bytes)
compressed_size number 压缩后大小(bytes)
ratio string 压缩率,如 &quot;71.5%&quot;

常见错误

错误 原因 处理
余额不足 账户余额耗尽 告知用户联系服务提供商充值
设备体验次数已用完 当前设备免费体验次数已耗尽 完整展示 API 返回的提示原文,如"设备体验次数已用完,请联系服务提供商"
invalid api key Key 错误或过期 重新设置 NX_API_KEY
超过30MB限制 单文件 > 30MB 跳过并提示用户手动处理
网络请求失败 网络不通或代理问题 检查网络后重试

禁止事项

  • 不要使用 MCP 协议或 Mcp-Session-Id,直接执行脚本。
  • 不要写临时文件(除 --output 指定的下载目录)。
  • 不要使用反斜杠路径,始终用正斜杠。
  • 不要在用户没指定本地路径时自动添加目录。
  • 不要再本地用 sharp 压缩,服务端压缩,本地直传原文件。

常见问题

5 问
答案由本站依据条目字段整理
图片压缩怎么安装?

在支持 Skills 的客户端里执行:skillhub install user_26f7b237/nx-image-compress。安装方式为未标注。装完刷新技能列表或重开客户端。

图片压缩支持哪些客户端?

资料没有标注宿主客户端,但只要客户端支持 Skills(Claude、Codex、Cursor 等),一般都能加载。

图片压缩权限高吗,安全吗?

权限级别为未标注权限。安装前先看它会读取或写入哪些内容。

图片压缩收费吗?

本站不代收费用,也没有标注具体价格。是否收费取决于技能本身和所用的模型或客户端,正式使用前按作者说明确认。

图片压缩用什么许可证?

许可证标注为 未说明(许可证不明确)。商用或二次分发前请到仓库确认条款原文。

热门专题

按场景挑技能
全部专题 →

技能内容以作者仓库为准;分类、权限级别与许可证状态的中文说明为中文整理,最近核验 未标注。