10个技能让AI代码代理做出不生硬的界面

X用户@pato__project表示，大家已经受够了充满AI生硬感的应用，他整理了10个可以配置给代码代理的技能，覆盖设计、动画和细节打磨，给项目提升质感。

1. frontend-design（Anthropic出品）：用于确定艺术方向，匹配产品的排版、配色和布局。
2. UI UX Pro Max：根据项目需求提供配色方案、字体搭配和UX建议。
3. Impeccable：用于设计审计、文本优化，通过critique、clarify和polish命令完成最终打磨。
4. emil-design-eng（Emil Kowalski出品）：优化按钮、过渡效果和各类小细节，让界面使用体验更流畅。
5. create-design-md（ibelick出品）：将视觉规则写入DESIGN.md文档，给代码代理提供统一的执行框架。

6. review-animations（Emil Kowalski出品）：排查动画速度过慢、曲线不合理、无意义动效等问题。
7. mobile-native（Emil Kowalski出品）：修复网页应用在手机端的各类细节问题，包括触控、滚动、输入框缩放、刘海屏下方内容适配。
8. break-ui（Emil Kowalski出品）：用超长名称、空列表、溢出数据等极端场景测试界面表现。
9. web-design-guidelines（Vercel出品）：检查界面的可访问性、表单、焦点状态和各类交互状态。
10. webapp-testing（Anthropic出品）：用Playwright在浏览器中测试用户路径，排查错误并截图留存。