源自 GitHub前端交互动效调优
该能力提炼了知名设计工程师 Emil Kowalski 的核心设计工程哲学与工业级实践经验。它专门用于解决前端界面中生硬、迟钝或缺乏质感的交互问题，涵盖动效决策框架（按交互频次判定是否动效、缓动曲线与时间预算）、物理弹簧动效配置、CSS 高性能渲染（避开回流重绘、GPU 加速）、手势滑动阻尼计算，以及优雅降级（prefers-reduced-motion）等细节。当用户提交前端组件样式或交互实现时，它会输出规范的 Before/After/Why 对照重构表格与落地代码，让界面拥有自然流畅的高级质感。
它会先理解你的原始内容和目标，再按清晰的步骤完成处理。你不需要学习复杂命令，也不用理解背后的技术细节。
常见场景
它能帮你做什么？
01
02
03
三步完成
怎么使用
1安装 Skill
把右侧安装请求发给你的 AI。
2说清楚目标
告诉 AI 你想完成什么，或直接贴入内容。
3检查结果
按需要继续调整语气、范围或格式。
复制就能用
你可以直接这样说
“请帮我审查这段下拉选择菜单的 CSS 展开过渡代码，提出基于自然物理曲线的优化方案。”
“我正在写一个类似 iOS 底栏抽屉的拖拽组件，如何在用户向上快速滑动时基于速度计算自动吸顶展开？”
“为我的操作确认按钮设计按压反馈与长按删除进度动画，要求使用 clip-path 和硬件加速。”
适用人群
适合谁？
上手门槛
使用难度
进阶
需要了解任务流程，页面已整理好使用步骤。
兼容范围
支持哪些 AI？
Codex可直接使用
Claude Code可直接使用
OpenClaw可直接使用
Hermes可直接使用国内 Agent可直接使用
中文用户增强
Skill Px 做了什么？
中文说明简化使用方式补充中文案例整理安装流程降低理解难度
