用途：这是一个诊断型技能，面向已经出现症状（掉帧、点击慢、滚动卡顿、ResizeObserver 警告）的开发者，目标是找到根因并修复。它侧重“如何发现违规”，而非讲解规范本身。
主要能力：提供帧预算参考（60Hz 16.67ms、90Hz 11.11ms、120Hz 8.33ms、144Hz 6.94ms）；INP 判定标准（p75 ≤200ms 良好、200–500ms 需改进、>500ms 差）；属性开销速查表，区分 transform/opacity/filter 等仅合成属性与 top/left/width/height/margin/padding/font-size/box-shadow 等触发布局或重绘的属性。
诊断路径：按症状选择 DevTools 面板。动画或滚动卡顿用 Performance 面板录制，看 Frames 红条与 Main 泳道（黄=脚本、紫=布局、绿=绘制），Bottom-Up 按总时间排序找热点。整页闪烁用 Rendering 的 Paint Flashing 与 Layers 面板检查合成层。ResizeObserver 警告用 Performance 时间线定位回调。INP 退化用 Insights 的 Long INP interaction 查看输入延迟、处理时长与呈现延迟分解。
常见模式：读后写批处理避免强制同步布局；ResizeObserver 回调内用 requestAnimationFrame 延迟变更；rAF 加 setTimeout 优先渲染关键更新；touchstart/wheel 使用 { passive: true }；will-change 在交互开始时加、结束时移除；避免 transition: all，改为显式列出合成安全属性。
限制：不涵盖 Core Web Vitals 理论与 LCP/CLS 测量、合成器动画完整规则、滚动吸附与视图过渡语法。资料未提供安装命令、收费或平台信息。