image-forge-skill

image-forge-skill — 图片处理 & 图标生成

基于 sharp 的配置驱动工具，内置可执行脚本 image-forge.js。两种配置模式：

• icons 模式：把 SVG path（或完整 SVG）批量渲染成 PNG（原 icon-forge 能力）。
• jobs 模式：图片处理 —— 压缩、转格式、改尺寸、裁剪、base64、水印、遮罩、多图合成。

脚本位置

脚本 image-forge.js 与本 SKILL.md 在同一目录。设该目录为 $SKILL_DIR（运行时即本技能所在目录的绝对路径，例如 ~/.claude/skills/image-forge-skill）。

首次使用前需在该目录装一次依赖（sharp）：

cd "$SKILL_DIR" && npm install

调用方式

从技能目录运行，让 require('sharp') 能解析到本地依赖：

cd "$SKILL_DIR" && echo '<JSON>' | node image-forge.js -

或写入临时文件再传入：node image-forge.js /path/to/spec.json

① icons 模式 — 图标生成

用户只需说清「要哪些图标、什么颜色、放哪个目录」，由你写好 JSON 并运行。

{
  "outDir": "<目标项目>/src/static/icons/login",
  "size": 72,
  "color": "#059669",
  "strokeWidth": 2,
  "icons": [
    { "name": "feature-data.png", "path": "M9 12h6m-6 4h6..." },
    { "name": "custom.png", "svg": "<svg ...>...</svg>" }
  ]
}

• outDir 必填，自动创建。size/color/strokeWidth 可选（默认 72 / #059669 / 2）。
• 每个图标：path（heroicons/feather 风格，viewBox 0 0 24 24）或 svg（完整字符串）二选一。

工作流：确认三要素（输出目录、主题色、要哪些图标）→ 写 JSON → 运行脚本 → 回报 [OK] 路径。

常用 path 速查（heroicons outline，stroke 风格）：

• 数据/文档：M9 12h6m-6 4h6m2 5H7a2 2 0 01-2-2V5a2 2 0 012-2h5.586a1 1 0 01.707.293l5.414 5.414a1 1 0 01.293.707V19a2 2 0 01-2 2z
• 看板/图表：M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z
• 灯泡/洞察：M9.663 17h4.673M12 3v1m6.364 1.636l-.707.707M21 12h-1M4 12H3m3.343-5.657l-.707-.707m2.828 9.9a5 5 0 117.072 0l-.548.547A3.374 3.374 0 0014 18.469V19a2 2 0 11-4 0v-.531c0-.895-.356-1.754-.988-2.386l-.548-.547z
• 计划/勾选：M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4
• 刷新/重测：M4 4v5h.582m15.356 2A8.001 8.001 0 004.582 9m0 0H9m11 11v-5h-.581m0 0a8.003 8.003 0 01-15.357-2m15.357 2H15

需要其它图标时，按 heroicons/feather 语义自行给出对应 path。