用途：该技能面向浏览器端 CSS 动效，覆盖 CSS transitions、@keyframes、滚动驱动动画、注册属性、离散过渡、reduced motion 以及性能安全的 CSS 运动。它被设计为紧凑的路由加领域检查清单，仅在任务匹配时才加载对应参考文档。
主要能力：提供 CSS 过渡与关键帧现场指南、浏览器支持与无障碍说明、属性性能矩阵、滚动驱动与 view-timeline 说明、离散进入退出过渡说明，以及 MDN 与浏览器性能的源支持笔记。附带审计 CLI 与报告、审查清单模板和起始示例。
使用方式：先检查目标仓库已安装包、框架/运行时版本、本地设计令牌、无障碍策略与既有动效模式；API 细节以官方当前文档或包源码为准。决策边界为：两态 UI 动效优先用 CSS；需要 Animation 对象或 seeking 时用 WAAPI；复杂命令式编排用 GSAP。工作流为识别状态驱动与动画属性、使用显式 transition-property 列表与产品动效令牌、在动效旁添加 reduced-motion 行为、用 @supports 或本地浏览器策略保护新 CSS。审计命令：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-css-animations-audit.json。
适用场景：实现或审查普通 CSS 状态动效、使用 animation-timeline/scroll()/view() 的滚动驱动动画、动画 display/content-visibility/popovers/dialogs/@starting-style/transition-behavior 等离散过渡，以及无障碍与性能审查。
限制：脚本发现仅作为线索，需对照当前代码验证后再改行为或报告。注意 transition: all 会隐藏昂贵属性、未注册自定义属性为离散动画、animation 简写会重置 animation-timeline 需在其后设置。资料未提供具体收费、价格、平台或效果数据。