design-motion-principles

收录理由

在AI编程助手里做界面动效，翻车是常事。这个技能就是冲着这个痛点来的，装进Claude Code、Cursor、Windsurf这类工具后，它给你两条路走：创建模式直接生成带意图的React、Framer Motion、CSS或HTML动效组件；审计模式则专门揪出那些该动却没动的地方，还有一眼假、像AI批量生产出来的动画痕迹。它真正厉害的地方在于那套加权逻辑——不搞一刀切，而是从Emil Kowalski、Jakub Krehel、Jhey Tompkins三位公开发表的设计方法论里提炼出三种互相较劲的审美，再按你的项目类型匹配主次权重。生产效率工具和儿童游戏不会用同一把尺子去量。审计报告是独立的HTML页面，每条关键发现旁边都带自动循环的动效演示，推荐方案不再是一句干巴巴的说明，而是摆在你眼前能看的实际效果。无障碍和减弱动效的默认设置也早就考虑进去了。