用途：该技能面向需要可缩放、可访问、能随主题切换的 SVG 视觉内容，适用于横幅、图标、文档插图和 README 徽章等场景。
主要能力：
- 基础技法：viewBox 实现响应式缩放，<defs> 与 <use> 复用组件，<linearGradient> 背景，<clipPath> 形状容器，CSS 变量切换主题。
- 明暗模式：用 <style> 中的 @media (prefers-color-scheme: dark/light) 切换配色。
- 动画：SMIL 延迟淡入与错落入场（begin 按 0.3s 递增）；CSS 变换采用嵌套 <g> 分离定位与动画，避免同一元素混用静态定位与动画变换；缩放围绕原点居中实现。
- 图标尺寸建议：16x16 收藏图标、32x32 标签页、128x128 应用图标、512x512 商店列表。
- 分层与卡片：背景填充、裁剪内容、边框描边三层顺序；圆角卡片模式。
- 优化：SVGO 配置中不可移除 viewBox 与 <title>；给出图标、徽章、横幅、复杂图表的目标体积参考及常见优化收益。
- 无障碍：装饰性 SVG 加 role="img" 或 aria-hidden="true"，提供 <title>，对比度至少 4.5:1。
- 文档插图：与 Mermaid 的选型对比，插图模板使用语义类名、text-anchor 居中和 <g> 分组。
使用方式与限制：动画在 GitHub、npm/PyPI 的 README 中不渲染，需将初始 opacity 设为 1 作为回退。绘制动物等真实题材须先用 <path> 贝塞尔曲线勾勒轮廓，通过“眯眼测试”确认可辨识，并遵守四肢数量、比例和物种特征差异；避免用圆和矩形堆出几何雪人。资料未提供安装命令与授权、收费信息。