源自 GitHub前端交互动效审查
基于 Emil Kowalski 动效设计工程哲学专门打造的前端动效代码审查功能。它不仅检查代码能否运行，更以挑剔的交互手感标准审视动效：重点排查卡顿迟滞、违背物理直觉（如 scale(0) 凭空出现、弹窗未沿触发源缩放）、高频操作滥用动效、ease-in 导致的前期拖沓、非 GPU 属性（如 width/margin）重排以及缺失无障碍减弱动效等问题。最终以清晰的 Before/After 对照表格输出精准优化数值（贝塞尔曲线、持续时长、transform-origin），并给出 Block 或 Approve 的合入评审裁决。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“请审查这段 Dialog 弹窗和 DropdownMenu 的 CSS 展开动画代码，重点排查 transform-origin 和缓动曲线问题。”
“我用 Framer Motion 编写了一个拖拽卡片和轻量提示 Toast，帮我审查其在快速连续触发下的可打断性和物理手感。”
“这段 CSS 实现了侧边栏抽屉滑动，包含 transition: all 和 width 变化，请按规范指出性能隐患并给出 GPU 属性替换方案。”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
