AI觉醒星球
Awakening is here
Knowledge File / AI技能杠杆
2026-07-02 0 浏览 会员

Emil Kowalski 发布设计工程师 Skills,让 AI 编码工具具备 UI 动画审美

Emil Kowalski 将 UI/动画原则沉淀为三个 Skill,使 Codex、Claude Code、Cursor 等 Coding Agents 具备资深设计工程师的审美判断,包括核心规则、review-animations 和 animation-vocabulary。

SOURCE / AI技能杠杆 MIN / 9 ACCESS / 会员 POST / 2026-07-02 08:56:56

原贴

查看原文
作者:X:邵猛 (@shao__meng) 来源站点:x.com 原贴时间:

原文

Emil Kowalski 将多年 UI/动画原则沉淀为三个 Skill,使 Codex、Claude Code、Cursor 等 Coding Agents 具备资深设计工程师的审美判断。核心规则:动画必须有理由;每天 100+ 次的高频操作禁用动画;UI 动画控制在 300ms 内;只动画 transform 和 opacity;入口从 scale(0.95)+opacity:0 开始;尊重 prefers-reduced-motion(仅移除位移动画)。review-animations 以严格标准审查动画代码,输出 Before/After/Why 表格。animation-vocabulary 将模糊描述(如"弹一下的效果")转为专业动效术语。 AIHOT 分类:tip

中文翻译

Emil Kowalski 将多年 UI/动画原则沉淀为三个 Skill,使 Codex、Claude Code、Cursor 等 Coding Agents 具备资深设计工程师的审美判断。核心规则:动画必须有理由;每天 100+ 次的高频操作禁用动画;UI 动画控制在 300ms 内;只动画 transform 和 opacity;入口从 scale(0.95)+opacity:0 开始;尊重 prefers-reduced-motion(仅移除位移动画)。review-animations 以严格标准审查动画代码,输出 Before/After/Why 表格。animation-vocabulary 将模糊描述(如"弹一下的效果")转为专业动效术语。

核心信息

Emil Kowalski 将 UI/动画原则沉淀为三个 Skill,使 Codex、Claude Code、Cursor 等 Coding Agents 具备资深设计工程师的审美判断,包括核心规则、review-animations 和 animation-vocabulary。

  • Emil Kowalski 将 UI/动画原则沉淀为三个 Skill,使 Codex、Claude Code、Cursor 等 Coding Agents 具备资深设计工程师的审美判断,包括核心规则、review-animations 和 animation-vocabulary。
  • 原贴提到:Emil Kowalski 将多年 UI/动画原则沉淀为三个 Skill,使 Codex、Claude Code、Cursor 等 Coding
  • 来源:x.com
试看内容

成为会员查看完整内容

你已经看到了这篇内容的前置整理,剩余深度部分仅对会员开放。

详细解读 信息差价值 参考来源
成为会员查看完整内容
上一篇 Copilot CLI 在 GitHub Actions 中不再需要个人访问令牌 下一篇 针对 Copilot CLI 的新 C++ 语言服务器配置技能