菜单
图片处理指导：压缩、转格式、改尺寸、裁剪、base64、水印、遮罩、多图合成。触发词：「处理图片」「压缩图片」「转 webp」「加水印」「图片合成」
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
UI页面模板构建器 - 固化常见页面模板，多套风格可选，支持mock数据。从个人中心到商品页，从登录页到大屏，一键生成风格统一、质量稳定的页面代码。
Agent 工程师面试准备导师：知识树、项目包装、模拟面试题。触发词：/agent-interview、Agent 工程师面试、准备 Agent 面试、Agent 面试题。
Agent 系统学习路线导师：从 Agent 概念、最小实现、模型底层、算法到 Skill/Tool 学习。触发词：/agent-learning、什么是 Agent、怎么做一个 Agent、Agent 学习路线。
VibeCoding / AI 开发全流程知识导师入口。识别用户目标后分流到 vibecoding-workflow-skill、agent-learning-skill 或 agent-interview-skill。只做推荐，不调用其他 skill。
VibeCoding 产品落地全流程导师：工具/模型/IDE 选型、提示词、产品模块拆解、开发、联调、测试、部署推荐。最终生成 docs/vibecoding/roadmap.md。触发词：/vibecoding-workflow、我要做商城、帮我选型模型、前后端怎么联调。
Use when 用户想用一句话生成流程图、工作流图解、开发流程图、AI 流程图或任何步骤型图解，支持多风格输出（flat icon / 暖白手账风 / dark / cute），并提供现成模板一键出图。
| name | image-forge-skill |
| description | 图片处理指导：压缩、转格式、改尺寸、裁剪、base64、水印、遮罩、多图合成。触发词：「处理图片」「压缩图片」「转 webp」「加水印」「图片合成」 |
本技能是纯文本指导型技能，不直接执行任何图片处理操作。所有处理逻辑交给 AI，由 AI 根据本技能提供的规范生成处理方案或调用外部工具。
适用于复杂需求、批量任务、多图层合成。
{
"outDir": "./dist",
"defaults": { "format": "webp", "quality": 85 },
"jobs": [
{
"input": "src/photo.jpg",
"output": "photo-thumb.webp",
"resize": { "width": 800, "height": 600, "fit": "cover" }
},
{
"type": "composite",
"output": "banner.jpg",
"width": 1200,
"height": 600,
"background": "#eeeeee",
"layers": [
{ "type": "image", "input": "src/bg.jpg", "fit": "cover", "width": 1200, "height": 600 },
{ "type": "color", "color": "#000000", "opacity": 0.3 },
{ "type": "text", "text": "标题", "x": 600, "y": 300, "fontSize": 72, "color": "#ffffff", "align": "center" }
]
}
]
}
以下为常用命令行示例，可用于参考或迁移到其他工具：
# sharp 示例
sharp input.jpg resize(800, 600, { fit: 'cover' }).webp(85).toFile('output.webp')
# ImageMagick 示例
convert input.jpg -resize 800x600^ -gravity center -extent 800x600 output.jpg
| 类型 | 字段 | 说明 |
|---|---|---|
| 单图处理 | format, quality, resize.*, base64 | 压缩、转格式、裁剪 |
| 图片水印 | overlays[].type: image | 图片叠加层 |
| 文字水印 | overlays[].type: text | 文字叠加层 |
| 纯色遮罩 | overlays[].type: color | 颜色遮罩层 |
| 多图合成 | type: composite | 画布 + 多图层 |
详细字段说明见 references/operation-schema.md
本技能是纯文本指导型，不执行任何操作。AI 根据本技能规范生成处理方案后，由用户自行选择执行方式：
icon-forge（SVG 渲染）AI 应在输出中提供：
以下场景超出本技能范围，应拒绝并建议换工具：
| 技能 | 关系 |
|---|---|
| icon-image-catch-skill | 远程抓图 → 本技能处理 |
| icon-forge | SVG 渲染场景，与本技能互补 |