SuperAPI AI 工具集

web-waapi

编程与开发

查看项目

更新于 10-15 17:27

技能介绍

用途:这是一个围绕浏览器 Web Animations API(WAAPI)的紧凑型技能路由与领域清单,用于在代码需要 Animation 对象、跳转定位、取消或生成关键帧时提供实现与检查指引,并附带审计脚本辅助排查相关问题。

主要能力:涵盖 Element.animate()、Animation、KeyframeEffect、播放控制、生成关键帧、cancel/finish、commitStyles 与清理等主题;提供生命周期、关键帧与时间选项、播放与中断测试、Promise 与事件及取消、使用 getAnimations 测试等参考资料,以及审计报告与人工复核模板、起步示例和评测集。

使用方式:先检查目标仓库已安装的包、框架/运行时版本、本地设计令牌、无障碍策略与既有动效模式;按需加载匹配的参考资料,版本敏感时以官方当前文档或包源码为 API 依据。审计 CLI 用法:node scripts/audit.mjs doctor --root . --format json;node scripts/audit.mjs scan --root . --format markdown;node scripts/audit.mjs scan --root . --format json --output web-waapi-audit.json。脚本发现仅作线索,改动或上报前需对照当前代码核实。收尾前运行仓库的针对性校验、相关审计 CLI 及所需的浏览器/设备/人工验证,并报告已运行命令、已修复与跳过项及原因、残余风险。

决策边界:简单状态过渡用 CSS;框架状态或时间轴主导时用 Motion/GSAP;需要 Animation 对象、跳转、取消或生成关键帧时用 WAAPI。

限制与注意事项:commitStyles 会持久化计算样式,合适时应随后 cancel;fill: forwards 可能保留层叠与样式副作用;同一属性上多个动画需明确 composite/replace 意图。需核对浏览器支持与本地降级策略,创建关键帧与选项时显式指定 duration、fill、easing 与 composite 行为,自行负责取消与完成行为,并验证快速中断、路由卸载、reduced motion 与 commitStyles 用法。具体价格、平台与效果资料暂未提供。