用途：把预置的网页动画效果落地到目标项目。技能将用户意图匹配到 templates/ 下的动画模板，每个模板含 README（关键词、框架中立数据 schema、可调参数）和可直接在浏览器预览的 effect.html；AI 探测目标框架后按 component-spec.md 规范转换为对应组件，支持 React、Vue、Svelte、原生等。
主要能力（五类效果）：数字滚动（滚动到视口时数字从 0 递增到目标值，适合数据展示区，无依赖）；Hover 光效（卡片悬停出现扫光与径向光效并跟随鼠标，适合产品展示，无依赖）；手风琴（横向面板悬停平滑展开显示详情，适合类别展示，无依赖）；定屏滚动（左侧固定、右侧随页面滚动，常用于企业文化页面，依赖 gsap 含 ScrollTrigger）；文字打字（逐字输入并循环展示多行文本，配光标闪烁，适合首页标语，无依赖）。
使用方式：按关键词匹配模板，未匹配时读取所有 templates/*/README.md 列出效果供选择；匹配后只读取该效果的 effect.html 与 README.md，避免一次性加载全部模板；随后按 component-spec.md 第 1 节顺序探测框架，判断不出或多框架冲突时询问用户；转换后输出完整组件代码、使用示例、安装命令（若有依赖）与落地提示，并询问是否调整颜色、动画时长或数据。新增效果需遵循 adding-templates.md 的三阶段确认流程（定义、实现、集成），每阶段末等待用户确认。
限制：资料未提供具体价格、平台支持范围与效果保证；框架探测失败时需用户确认；定屏滚动依赖 gsap，其余模板无依赖。