前端动效性能审查与优化.Skill

前端动效性能审查与优化

该功能专门用于前端 UI 动效的性能审查与卡顿排查。它基于浏览器渲染管线（Layout、Paint、Composite）的运行机制，深入检查 CSS、WAAPI、Motion、GSAP 或 requestAnimationFrame 中的潜在性能瓶颈。常见问题包括布局频繁重排（Layout Thrashing）、不当的滚动监听更新、大面积高斯模糊渲染、未受控的 CSS 变量动画以及不合理的图层提升。在不随意替换既有动效库的前提下，该功能会精确定位违规代码行，阐明掉帧机理，并输出可直接落地的重构修复方案（如转用 transform/opacity、批处理 DOM 测量、FLIP 模式及现代 Scroll/View Timelines）。

它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。

常见场景

它能帮你做什么？

三步完成

怎么使用

复制就能用

你可以直接这样说

兼容范围

支持哪些 AI？

Codex可直接使用

Claude Code可直接使用

OpenClaw可直接使用

Hermes可直接使用

国内 Agent可直接使用

中文用户增强

Skill Px 做了什么？