给Claude装上SVG超能力！这个35+工具集让AI真正画出可缩放矢量图

说真的，每次让 AI 画个 Logo，要么出来的图模糊没法用，要么风格完全不对味——但今天发现了一个真正能打的 Claude Skill：brxs/claude_svg_skills，中文翻译就是「给 Claude 装上 SVG 超能力」。

这玩意儿是干嘛的？

简单说，这是一个35+ CLI 工具集合，专门教 Claude Code 如何操作 SVG——从创建画布、画形状、加渐变、到加滤镜、动画、遮罩，全部覆盖。更离谱的是它还支持Plotter/CNC 工作流，能自动把 SVG 转换成绘图仪友好的格式（去动画、去渐变、文字转路径、按颜色分图层）。

核心能力一览：

• 画布控制：init-canvas、render-svg 导出 PNG、set-size 设定物理尺寸（mm/cm/in）
• 图形绘制：圆形、矩形、椭圆、多边形、路径、文字——支持属性精细控制
• 高级定义：渐变、图案、滤镜、裁剪、遮罩、标记
• 元素操作：编辑属性、删除、变换（旋转/缩放/位移）、图层顺序、克隆、分组
• 导出优化：SVG 转 PNG、动画去除、文字转路径、颜色压缩、颜色分图层

实际体验怎么样？

我试了一下用它做 Logo：先建个 400×400 的渐变画布，然后叠圆、描边、加文字阴影，最后一键导出 PNG。全程不需要写代码，直接调 CLI 工具就行。

最让我惊喜的是那个Plotter 工作流——它能自动处理多色彩绘图仪的输出：去动画、去渐变、文字转路径、减色彩、按颜色分文件。设计师如果想把自己画的矢量图输出到激光切割机或者笔式绘图仪，这个功能简直是神器。

怎么安装？

前提：Node.js 18+

npm install

然后在 Claude Code 里直接调各类 skill 工具就可以了。官方也提供了 JavaScript API，可以直接 import 到自己的项目里用。

适合谁用？

平面设计师：想要 AI 辅助出矢量图，而不是每次都给你一张糊图
品牌/Logo 设计师：需要可缩放、颜色精确、设计规范的专业级 SVG 输出
创意开发者：想用代码生成艺术图形、几何图案、参数化设计
硬件创客：有绘图仪/CNC 设备，需要把 AI 生成的设计转换成机器可执行的格式

总结

这是一个把 Claude 从「图片生成器」升级成「SVG 矢量设计师」的工具包。35+ 精细化 CLI 工具覆盖了从草图到最终输出的全链路，而且不需要任何外部 API Key，纯本地运行。如果你对 AI 生成设计的期待不只是「一张图」而是想拿到「真正能用的矢量文件」，强烈建议试试这个。

GitHub：https://github.com/brxs/claude_svg_skills

GitHub: https://github.com/brxs/claude_svg_skills