重要前提
安装AI Skills的关键前提是:必须科学上网,且开启TUN模式,这一点至关重要,直接决定安装能否顺利完成,在此郑重提醒三遍:科学上网,科学上网,科学上网。查看完整安装教程 →
svg-icon-maker by heroygt/skills
npx skills add https://github.com/heroygt/skills --skill svg-icon-maker使用 @neplex/vectorizer 将栅格图像转换为彩色 SVG。
所有文件将保存到带有时间戳文件夹的工作区(格式:YYYY-MM-DDTHH-mm-ss-SSSZ):
<workspace>/svg-output/
└── <timestamp>/ # 例如:2026-01-27T02-13-38-811Z
├── reference.png # 生成的参考图像
├── icon.svg # 彩色 SVG 输出
└── icon_preview.png # 用于对比的预览图
cd <workspace>
npm init -y
npm install @neplex/vectorizer sharp
使用 generate_image 工具,首先保存到 svg-output 根目录(或者如果手动管理,可直接保存到输出文件夹):
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
# 生成图像,随后移动到适当的文件夹,或保留在根目录进行处理
提示词模板:
"[subject] avatar, high fidelity vector illustration, clear line style,
black closed outlines, flat uniform colors, no gradients,
white background, distinct separation between colors"
直接从技能资源运行转换脚本(无需复制):
node .agent/skills/svg-icon-maker/script/convert-template.js <input-file> [output-dir]
示例:
# 使用默认输出目录 (./svg-output)
node .agent/skills/svg-icon-maker/script/convert-template.js ./my-image.png
# 指定自定义输出目录
node .agent/skills/svg-icon-maker/script/convert-template.js ./my-image.png ./custom-output
主要特性:
YYYY-MM-DDTHH-mm-ss-SSSZ 的文件夹。ls -la <workspace>/svg-output/
使用 view_file 比较 reference.png 和 icon_preview.png。
默认设置针对高色彩保真度进行了优化 - 保留原始颜色,仅移除背景。
| 参数 | 默认值 | 描述 |
|---|---|---|
colorMode | Color | ColorMode.Color 或 Binary |
colorPrecision | 8 | 1-8,数值越高 = 颜色越多(8 = 最大保真度) |
layerDifference | 8 | 颜色图层阈值(数值越低 = 合并越少) |
filterSpeckle | 4 | 移除噪点像素(数值越低 = 细节越多) |
mode | Spline | PathSimplifyMode.Spline 或 Polygon |
cornerThreshold | 60 | 角点检测角度 |
spliceThreshold | 45 | 样条角度阈值 |
每周安装量
62
代码仓库
GitHub 星标数
5
首次出现
2026年1月27日
安全审计
安装于
opencode57
codex55
gemini-cli54
github-copilot51
cursor51
kimi-cli47
Convert raster images to colorful SVG using @neplex/vectorizer.
All files saved to workspace with timestamped folders (format: YYYY-MM-DDTHH-mm-ss-SSSZ):
<workspace>/svg-output/
└── <timestamp>/ # e.g., 2026-01-27T02-13-38-811Z
├── reference.png # Generated reference image
├── icon.svg # Color SVG output
└── icon_preview.png # Preview for comparison
cd <workspace>
npm init -y
npm install @neplex/vectorizer sharp
Use generate_image tool, save to svg-output root first (or directly to output folder if managed manually):
# Generate image, then move to proper folder later or keep in root for processing
Prompt template:
"[subject] avatar, high fidelity vector illustration, clear line style,
black closed outlines, flat uniform colors, no gradients,
white background, distinct separation between colors"
Run the conversion script directly from skill resources (no copying needed):
node .agent/skills/svg-icon-maker/script/convert-template.js <input-file> [output-dir]
Example:
# Using default output directory (./svg-output)
node .agent/skills/svg-icon-maker/script/convert-template.js ./my-image.png
# Specifying custom output directory
node .agent/skills/svg-icon-maker/script/convert-template.js ./my-image.png ./custom-output
Key Features:
YYYY-MM-DDTHH-mm-ss-SSSZ.ls -la <workspace>/svg-output/
Use view_file to compare reference.png with icon_preview.png.
Default settings optimized for HIGH color fidelity - preserves original colors, only removes background.
| Parameter | Default | Description |
|---|---|---|
colorMode | Color | ColorMode.Color or Binary |
colorPrecision | 8 | 1-8, higher = more colors (8 = max fidelity) |
layerDifference | 8 | Color layer threshold (lower = less merging) |
filterSpeckle | 4 | Remove noise pixels (lower = more detail) |
Weekly Installs
62
Repository
GitHub Stars
5
First Seen
Jan 27, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
opencode57
codex55
gemini-cli54
github-copilot51
cursor51
kimi-cli47
shadcn/ui 框架:React 组件库与 UI 设计系统,Tailwind CSS 最佳实践
72,100 周安装
Gitea 工作流编排器:自动化敏捷开发流程,提升 Git 仓库管理效率
154 周安装
Honcho 集成指南:为 AI 智能体添加有状态记忆库的完整教程
163 周安装
Info Card Designer - 自动生成杂志质感信息卡,适配X/Twitter、小红书分享,支持内容密度分析与超长分割
152 周安装
Upstash QStash 无服务器消息队列服务:HTTP 消息调度、定时任务与 Webhook 投递
154 周安装
Segment CDP 客户数据平台集成指南:Analytics.js与Node.js追踪最佳实践
154 周安装
Temporal工作流编排模式指南:Saga、Actor、并行执行等核心架构与最佳实践
157 周安装
mode | Spline | PathSimplifyMode.Spline or Polygon |
cornerThreshold | 60 | Corner detection angle |
spliceThreshold | 45 | Spline angle threshold |