图片缩放

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

图片尺寸缩放(resize)技能。能缩放、改尺寸、调整大小、改分辨率,改格式。

一句话选型结论

按资料字段整理

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

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

安装

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

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

  2. 2
    拿到技能文件

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

  3. 3
    刷新技能列表

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

  4. 4
    验证是否生效

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

技能档案

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

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

image-resize — 图片尺寸缩放

用确定性脚本(Pillow + LANCZOS 重采样)缩放图片。核心原则:不猜尺寸、不覆盖原文件、输出必须校验。

工作流程

  1. 解析用户意图 → 确定目标尺寸与缩放模式(见下方映射表)
  2. 有歧义时先向用户确认,再执行
  3. 调用 scripts/resize.py(环境准备见下)
  4. 核对脚本最后打印的 JSON 结果(尺寸是否正确、文件大小是否达标),不达标就调整参数重跑
  5. 用 present_files 展示新图,并向用户汇报:原尺寸 → 新尺寸、原大小 → 新大小、使用的模式

意图 → 参数映射

用户说法 参数
宽度调成 800 / 高度 600 --width 800 或 --height 600(等比)
改成 1920×1080(接受拉伸变形) --width 1920 --height 1080 --mode exact
改成 1920×1080,不变形,裁掉多余 --width 1920 --height 1080 --mode cover(填满 + 居中裁剪)
改成 1920×1080,不变形,完整保留 --width 1920 --height 1080 --mode contain(等比放进目标框,其余留白)
缩小到 50% / 放大 2 倍 --percent 50 / --scale 2
顺便转成 webp / png / jpeg --format webp(默认 keep,保留原格式)
文件控制在 10MB 以内 / 500KB 以内 --max-size 10MB / --max-size 500KB(支持 KB/MB 单位,纯数字按 KB 算;仅 jpeg/webp 有效)
多张图片统一处理 把多个文件路径一起传给脚本(一次调用,不要循环调用)

四种模式语义:
- fit:保持宽高比。只给一个维度或 --scale/--percent 时,等比精确缩放到该尺寸(可以放大);同时给了宽+高且比例与原图不同时,只缩不放地塞进目标框(不裁剪、不留白,实际尺寸可能比目标小)
- exact:精确拉伸到目标尺寸(会变形)
- cover:等比缩放填满目标框,居中裁掉超出部分(适合做封面图)
- contain:等比缩放进目标框,不足处留白(默认白底)

> 文件名里的尺寸取自实际输出尺寸,不是请求的目标尺寸——fit 模式下二者可能不同,以文件名和 JSON 里的 after 为准。

必须遵守

  • 歧义先问:「改成 800」且图片不是正方形(是宽还是高?)、「不变形」但给了两个尺寸(是裁掉还是留白?)——这几种情况结果差异很大,先确认再动手,避免返工。
  • 永不覆盖原文件:脚本自动输出为 原名_WxH.ext 新文件,输出路径永远不会等于输入路径。绝不要把输出重定向回原文件,也不要事后手动覆盖。
  • 透明度保护:带 alpha 通道的 PNG/webp 不要主动转成 JPEG(透明会丢失)。用户明确要求时脚本会自动用白底合成,但要在回复里告知用户「透明背景已变为白底」。
  • 放大提醒:像素放大不会提升清晰度。放大后脚本会在 JSON 的 notes 里标注 upscaled: interpolation adds no new detail;目标尺寸超过原图 2 倍时,在回复中提醒一句,让用户知情。
  • 放大请优先用原图:链式处理(先缩小再放大)会永久丢失细节。若原图还在,一律用原图重新缩放到目标尺寸,而不是拿已缩小的中间产物去放大。
  • EXIF 方向:脚本自动按 EXIF 信息摆正方向,无需额外处理。
  • 动图:GIF 等动图只处理第一帧,要在回复中说明。
  • 跨平台一致性:处理必须走本技能的 scripts/resize.py(纯 Python + Pillow)。禁止改用 sips、ImageMagick 等操作系统专属工具——它们只有部分平台可用,且重采样算法与 Pillow 不同,会导致不同系统上结果不一致。macOS、Linux、Windows 上脚本行为完全相同。

环境准备(跨平台:macOS / Linux / Windows)

脚本只依赖 Pillow,按以下顺序确定可用的 Python 解释器(记为 $PY):

  1. 若当前已在虚拟环境中($VIRTUAL_ENV 已设置):
    macOS / Linux 用 "$VIRTUAL_ENV/bin/python",Windows 用 "%VIRTUAL_ENV%\Scripts\python"
  2. 系统 Python 已装 Pillow:python3 -c "import PIL" 成功即用 python3
    (Windows 上命令通常是 python 或 py -3)
  3. 都不行则在技能目录创建隔离 venv(只做一次):
    - macOS / Linux:python3 -m venv <技能目录>/.venv && <技能目录>/.venv/bin/python -m pip install Pillow
    - Windows:python -m venv <技能目录>\.venv && <技能目录>\.venv\Scripts\python -m pip install Pillow

脚本用法

$PY <本技能目录>/scripts/resize.py INPUT [INPUT2 ...] \
  (--width W | --height H | --percent P | --scale S) \
  [--mode fit|exact|cover|contain] \
  [--format keep|jpeg|png|webp] [--quality 85] \
  [--max-size 10MB] [--outdir DIR] [--pad-color '#FFFFFF']
  • --mode 缺省规则:同时给宽+高 → exact;只给一个维度或用 percent/scale → fit
  • --max-size 支持单位:10MB、500KB、512K、10M,纯数字按 KB 算(如 200 = 200KB)
  • 不指定 --outdir 时,输出到原图所在目录
  • 脚本对每个文件打印一行人类可读摘要,最后打印 JSON 数组;核对每项的 after(实际输出尺寸)与 output_bytes,size_ok 为 false 说明没压到目标大小

示例(宽度 800 等比缩放):

$PY .../scripts/resize.py photo.jpg --width 800
# photo.jpg: 4000x3000 -> photo_800x600.jpg 800x600 (2.9MB -> 180KB) mode=fit
# [{"input": "photo.jpg", "output": "photo_800x600.jpg", "before": [4000, 3000], "after": [800, 600], ...}]

完成后的动作

  • 用 present_files 展示输出的图片
  • 文字汇报:原尺寸 → 新尺寸、原大小 → 新大小、所用模式;发生了裁剪、留白或白底合成时必须说明

常见问题

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

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

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

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

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

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

图片缩放收费吗?

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

图片缩放用什么许可证?

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

热门专题

按场景挑技能
全部专题 →

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