用途：该技能面向 SVG 全流程开发，覆盖矢量图形创建、SVGO 优化、图标系统、数据可视化与动画，从基础形状到复杂动态图形都提供可复用模式。
主要能力：提供 SVG 文档结构（xmlns、viewBox、preserveAspectRatio）与常用形状（rect、circle、ellipse、line、polyline、polygon）速查；路径命令（M/L/H/V/Z、C/S/Q/T/A）参考；填充与描边属性说明；defs 中定义渐变、符号（symbol）并用 use 复用；滤镜、裁剪（clipPath）、遮罩（mask）实现阴影、发光、渐变淡出；CSS 关键帧动画与描边绘制动画；路径数据精度压缩、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 保留 removeViewBox 或 cleanupIds 指定 id 前缀。
适用场景：图标系统与设计系统集成、React/Vue 内联 SVG 组件或 sprite 引用、文档用 SVG 图表、需要缩放与主题色的交互图形。
限制与注意：SVGO 默认会移除 viewBox 和 title，需自定义配置以保留无障碍与响应式；具语义图形应加 title/desc 与 role="img"、aria-labelledby，装饰性图形加 aria-hidden="true"；内联 SVG 会增大 HTML 体积且不便缓存，静态图标宜用 img；设计工具导出的元数据、隐藏图层与高精度小数会使体积膨胀。文中未提供收费、价格或平台信息。