Skills for Designers and Engineers（面向设计与工程场景的 Agent 技能集）

项目定位：Skills for Designers and Engineers，面向设计师与工程师，帮助构建更好的用户界面。作者的出发点是：判断一个动画或设计决策是否正确很难，这些技能旨在帮助你更快到达正确决策；内容基于作者在 Vercel、Linear 等公司多年的工作经验。作者同时强调，这些技能是领域专长的副产物，AI 不会取代这种专长，而是放大你能从中获得的价值，并让你相对他人更具优势，因此建议去学习编码、设计或在任何其他领域建立专长。

为什么使用：作者观察到 agent 往往缺乏好的品味，例如进入动画本应是 ease-out 却选了 ease-in 的缓动，或者在 UI 中选用实心边框而不是半透明阴影；这些细节会叠加起来，决定界面是出色还是“差一点”。据文中说明（引述 Agents with Taste），这些技能会列出 agent 可能犯的各类小错误并说明如何修正，作者称之为通往出色界面的捷径。

技能清单（Reference）：

1. emil-design-eng —— 主技能，以动画为主，也包含部分设计建议。

1. animate —— 从零构建动画，同时选择正确的曲线、时长、属性等。

1. animate-expo —— 面向 React Native 与 Expo 的同等标准：手势、sheet、触觉反馈、屏幕转场，并让动效不占用 JS 线程。

1. review-animations —— 依据作者制定的规则，以严格方式审查你的动画。

1. improve-animations —— 审计代码库中的所有动画，产出带优先级、自包含、任何 agent 都可执行的计划。

1. find-animation-opportunities —— 在 UI 中搜索真正适合加入动效的位置，同时告诉你哪些地方不要做动画。

1. animation-vocabulary —— 通过使用正确的词汇，把需求准确告诉 AI，从而获得更好的动画。

1. apple-design —— 从 Apple 的 WWDC 设计演讲中提炼 Apple 的界面设计与流体动效原则，并转译为 Web 场景。

1. write-swift —— 编写现代 Swift，涵盖值类型、Swift 6 并发、泛型、性能与 Swift Testing。

1. pick-ui-library —— 让 agent 依据作者使用并信任的库来为任务选择正确的库，而不是让 AI 手搓一个 toast 组件或安装一个已被弃用的包。

1. prototype —— 针对你描述的一块 UI 构建多个不同版本，并通过切换器逐一查看。

1. mobile-native —— 让 Web 应用在手机上更像原生应用：粘滞 hover 状态、点击高亮闪烁、100vh 问题、输入框导致页面缩放、点击迟滞、安全区域，以及区分网站与 App 的其他小修复。

1. ask-sonner —— 使用作者开发的 toast 库 Sonner 的指南，包含安装配置、样式、配方以及最常见问题的修复方法。

更新渠道：作者提示可在其技能页面保持更新，并提供“Sign Up To The Newsletter”订阅入口（来源未给出订阅表单的具体链接）。页面另有 skills.sh 上的项目页面（见配图 2）。

— 本文由 AI 根据公开来源辅助整理，命令、版本与许可证请在使用前到原始页面复核。