图序图片工具

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

在用户电脑本机批量处理图片(图片不上传):压缩图片、压到指定KB、批量压缩、格式转换、转WebP、转JPG、转PNG、改尺寸、证件照尺寸、改分辨率、裁剪、加水印、文字水印、加边框、画布留白、旋转、翻转、批量处理图片、批量改尺寸。用户提到处理图片/照片的任何上述需求时使用本技能。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

前端设计
字段来自技能仓库与公开索引,中文说明由本站标注
作者 / 维护方user_7115e637仓库 未标注 · 版本 未标注
宿主客户端未标注技能可被这些客户端加载
安装方式未标注安装包 community
权限级别未标注权限安装前请确认风险范围
许可证未说明许可证不明确,商用前请自行确认条款
仓库可用性available技能仓库当前是否可访问
最近核验未标注上游最后核验时间 · 数据更新 1791671813
正文体量9.9 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 全文

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

图序图片工具(tuxu-image-tools)

在用户电脑本机处理图片的命令行工具集。图片全程不出用户电脑:脚本除首次安装依赖(npm 安装 sharp)外不联网、不采集、不上传任何数据。

第一步(必须先做)

每次会话第一次使用本技能时,先运行环境自检,再处理图片:

node scripts/env-check.mjs
  • 输出 "ok": true → 环境就绪,直接继续。
  • 输出 "ok": false → 会尝试自动安装依赖;仍失败时,把 JSON 里 error.hint 的安装指引原文转告用户,不要自己编步骤。
  • 若某个功能脚本报 ENV_MISSING(exit 3),同样先运行上面的自检。

调用约定

  • 输入:--input 接单个文件或文件夹(文件夹 = 批量,最多 200 张,不递归子文件夹)。路径含空格或中文必须用引号包裹。也可以把路径作为第一个位置参数。
  • 输出:默认写入新目录 <输入位置>/tuxu-output/<子命令>/(按子命令分目录,多步处理的结果互不覆盖),绝不覆盖原图。可用 --output 指定其他目录。
  • 结果:stdout 输出一份 JSON(summary 一行摘要 + files 每个文件成败与输入/输出路径)。stderr 是过程日志,可忽略。
  • 退出码:0 全部成功;1 参数错误;2 文件/格式错误(含部分文件失败);3 环境依赖缺失。
  • 所有脚本都支持 --help 查看参数。
  • 输出文件名与原图同名(转换格式时换扩展名)。

能力与子命令

1. compress — 压缩图片

参数 类型 必填 默认 说明
--input 路径 是 - 文件或文件夹
--target-size 如 200KB、1.5MB 与quality二选一 - 压到指定体积(不超过为目标)
--quality 1-100 整数 与target-size二选一 80 按质量压缩
--format jpg/png/webp 否 保持原格式
--output 目录 否 tuxu-output/
node scripts/compress.mjs --input "./images/trip" --target-size 200KB

结果示例(所有子命令的 JSON 结构相同):

{
  "ok": true,
  "partial": false,
  "command": "compress",
  "summary": "处理完成:成功 3 张,失败 0 张",
  "outputDir": "./images/trip/tuxu-output/compress",
  "files": [
    { "input": "./images/trip/a.jpg", "output": "./images/trip/tuxu-output/compress/a.jpg",
      "ok": true, "format": "jpeg", "width": 1200, "height": 1600,
      "sizeBefore": 1818700, "sizeAfter": 203186, "quality": 23 }
  ]
}

说明:PNG 压到指定体积时使用调色板量化(quality 字段为色板色数);若最低质量仍压不到目标,会输出尽力结果并在 warning 里如实说明。

2. convert — 格式转换

参数 类型 必填 默认 说明
--format jpg/png/webp 是 - 目标格式
--quality 1-100 否 80 JPG/WebP 有效
--input / --output 是/否 同上
node scripts/convert.mjs --input "./screenshots" --format webp

说明:含透明通道的图转 JPG 时自动铺白底。

3. resize — 调整尺寸

参数 类型 必填 默认 说明
--preset 预设名或 800x800 三选一 - 商品主图/详情页/公众号封面/小红书竖图/视频封面/一寸/二寸(详见 references/presets.md)
--percent 1-1000 三选一 - 百分比缩放,如 50
--width / --height 像素 三选一 - 只给其一则等比缩放
--fit cover/contain/stretch 否 cover 两维都给时:cover 裁满、contain 完整留白、stretch 拉伸
--background 颜色 否 JPG白/PNG与WebP透明 contain 的留白底色
--no-upscale 旗标 否 - 不放大
node scripts/resize.mjs --input "./images" --preset 小红书竖图
node scripts/resize.mjs --input photo.jpg --width 800

4. crop — 裁剪

参数 类型 必填 默认 说明
--ratio 如 1:1、3:4 三选一 - 按比例取最大裁剪
--width + --height 像素 三选一 - 裁指定大小(居中/锚点)
--region x,y,宽,高 三选一 - 按坐标精确裁剪
--anchor 九宫格位置 否 center top-left…bottom-right
node scripts/crop.mjs --input "./images" --ratio 1:1

5. rotate — 旋转与翻转

参数 类型 必填 默认 说明
--angle 90/180/270 否 - 顺时针旋转
--flip-horizontal / --flip-vertical 旗标 否 - 水平/垂直翻转
三个都不给 - - 仅按 EXIF 自动摆正(手机照片横竖不对时用)
node scripts/rotate.mjs --input "./phone-photos"

说明:所有脚本读图时都会自动按 EXIF 摆正方向。

6. watermark — 文字水印(图片 Logo 水印在二期)

参数 类型 必填 默认 说明
--text 文字 是 - 水印内容
--position 九宫格位置 否 bottom-right
--tile 旗标 否 - -30° 平铺整图
--font-size 像素 否 短边6%
--color 如 #ffffff 否 白 支持 #RRGGBB(AA)
--opacity 0.01-1 否 0.7
--offset-x / --offset-y 像素 否 0
node scripts/watermark.mjs --input "./sample-images" --text "仅供演示"

7. border — 边框

参数 类型 必填 默认 说明
--width 像素 至少其一 0 边框宽度(向外扩展)
--padding 像素 至少其一 0 图片与边框间的内边距留白
--color 颜色 否 #000000 边框颜色
--padding-color 颜色 否 #ffffff 内边距颜色
node scripts/border.mjs --input photo.jpg --width 16 --padding 24 --padding-color "#f5f5f5"

8. pad — 画布留白

参数 类型 必填 默认 说明
--ratio 如 1:1 三选一 - 留白到目标宽高比(图片不缩放只补边)
--preset 预设名 三选一 - 留白到预设尺寸
--width + --height 像素 三选一 - 精确画布尺寸(图片偏大时等比缩小放入)
--background 颜色或 transparent 否 #ffffff 留白底色
--anchor 九宫格位置 否 center
node scripts/pad.mjs --input "./product-images" --preset 商品主图 --background "#ffffff"

不支持(请勿调用本技能,直接告知用户暂不支持)

  • 抠图 / 去背景 / 换底色
  • 色彩调整(亮度 / 对比度 / 饱和度 / 滤镜 / 灰度)
  • HEIC / AVIF / GIF 动图 的输入或转换(含「iPhone 的 HEIC 转 JPG」)
  • PDF(图片转 PDF、PDF 转图片)
  • 证件照成套出图(人像排版、换底、美颜;只支持把已有照片改成 1 寸/2 寸的尺寸)
  • 图片 Logo / 印章水印(目前仅文字水印)
  • 任意角度旋转(仅 90/180/270)

用户提出以上需求时,明确说明本技能暂不支持,不要尝试用本技能变通处理。

批量处理

  • 把 --input 指向文件夹即为批量(不递归,最多 200 张);每张图的成败在结果 JSON 的 files 数组里。
  • 不受支持的文件会被跳过并在 stderr 提示,不会中断整批。
  • 部分文件失败时整体退出码为 2,但成功的文件已正常输出,把失败清单转告用户即可。

破坏性操作规则(红线)

  1. 默认绝不覆盖原图:输出固定写入新的 tuxu-output/<子命令>/ 目录(按子命令分目录);脚本还会拒绝「输出路径与原图相同」的操作。
  2. 只有当用户明确要求覆盖原图时才考虑 --output 指向原目录,且必须先向用户确认「会覆盖原图,确定吗?」得到肯定答复后再执行。
  3. 除此之外任何会改动用户文件的操作(删除、移动、改名)都不属于本技能范围。

错误处理

  • 脚本失败时,把 JSON 中 error.message(以及 error.hint)原文转述给用户;不要猜测或编造原因,不要把堆栈原文丢给用户。
  • 退出码含义:1 参数错误(检查命令参数)、2 文件/格式问题(见 references/presets.md 的「常见错误与恢复指引」)、3 环境问题(回到第一步运行 env-check)。
  • 提示用户某个具体文件失败时,引用该文件在 files 里的 error 字段。
  • 预设名、调用写法、错误恢复顺序的完整说明在 references/presets.md。

常见问题

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

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

图序图片工具支持哪些客户端?

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

图序图片工具权限高吗,安全吗?

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

图序图片工具收费吗?

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

图序图片工具用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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