svg-hand-drawn-preview

用途：该技能用于把 SVG 转成手绘动画交付物，适合需要 SVG 绘制演示、路径加填充动画的场景。默认由智能体直接生成输出文件，不要求用户运行 Python、Node 或本地构建步骤，除非用户明确要求自助生成器。\n\n主要能力：默认产出可独立在浏览器打开的 preview.html，以及可嵌入其他网页的 player.js。可选附加产物包括 animated.svg、animation-plan.json，以及组件式集成的嵌入演示页。动画默认先描边路径再显示填充，尽量保留原图颜色，两个输出共用同一播放内核，并提供播放、速度、进度等紧凑控件。\n\n使用方式：接受本地 SVG 文件路径或 SVG 网址。可选指定动画模式、输出文件名、是否包含控件、是否生成附加产物。未指定时默认输出 preview.html 加 player.js，包含控件，采用路径绘制加填充显示。工作流程为先检查 SVG 是描边、填充还是混合，颜色位于属性还是内联样式，以及是否含 foreignObject、栅格图像、蒙版等无法忠实还原的结构；再做动画归一化，标记可绘制路径元素，分离路径与填充时序，必要时为纯填充图形临时加描边层；然后构建单文件 HTML 预览页，保持 CSS、JS 内联，尽量免本地服务器打开，并在同目录输出 player.js。嵌入网页时优先提供小型 player.js 加宿主演示页，嵌入接口保持简单。最后验证播放前静态 SVG 完整可见、播放从零开始、路径与填充顺序正确、纯填充 SVG 不丢颜色。\n\n限制：不得假定输入 SVG 已具备适合动画的结构；不得将技能硬耦合到某个既有项目文件；除非用户明确要求仅描边输出，不得静默丢弃填充行为；除非所选动画模式有意覆盖，不得更改源颜色。默认动画为平滑手绘路径、路径完成后的柔和填充显现，速度 1x，控件启用，背景中性简洁。