用途：该技能面向 SVG 矢量图形的创建、优化与转换，适用于制作矢量图形、用 SVGO 优化 SVG 文件、搭建图标系统、数据可视化与动画等场景。
主要能力：涵盖 SVG 文档结构（xmlns、viewBox、preserveAspectRatio）、基础形状（rect、circle、ellipse、line、polyline、polygon）、路径命令（M/L/H/V/Z 与 C/S/Q/T/A 曲线）、填充与描边属性、渐变、symbol 与 use 复用、文本与 textPath、滤镜（阴影、发光）、裁剪与遮罩、CSS 动画与描边绘制动画、无障碍（title/desc、aria-hidden）以及性能优化（降低路径精度、SVGZ 压缩）。
使用方式：SVGO 可全局安装 npm install -g svgo；单文件优化 svgo input.svg -o output.svg；目录优化 svgo -f ./src/icons -o ./dist/icons；查看统计 svgo input.svg --pretty --indent=2；使用配置 svgo input.svg --config svgo.config.mjs。可在项目根目录创建 svgo.config.mjs，通过 multipass 与 preset-default、prefixIds、sortAttrs、removeAttrs 等插件配置，并用 overrides 保留 viewBox 或指定 id 前缀。React 中可内联 SVG 组件或使用 sprite 的 use 引用。
适用场景：图标系统、设计系统集成、文档图表生成、前端组件中的 SVG 使用。
限制：资料未提供该技能的收费、价格、平台支持范围与具体效果数据；模块细节需查阅 modules 目录下的 svg-basics、svg-styling、svg-optimization、svg-animation 文档。