前端设计 Skills 推荐
frontend-design（前端设计）& UI-UX-PRO-MAX
用户 @kaicong
-
推荐原因：
-
不 AI 同质化，不用 AI 渐变色，有自己的审美，不用“烂大街”design
-
极简主义
-
细节控（HTML/CSS/JS、React 等框架）
-
-
效果参考：（无任何调试，直接调用的 SKILL 帮助完成前端改造）
-
案例：让 TRAE 生成提醒每日浇花的 APP
-
-
主观评价的话，我认为前者的效果更好，后者还是略有“AI 味”。
-
注意：运用这两个 Skills 后可能会将项目语言改为英语，实际项目中需要更新一下。
-
下载地址：
interaction-design（前端交互设计）
用户**@汤圆**
- 推荐原因：
它不整虚理论，直接给你现成的代码套路，专门解决网页“干巴巴”的问题——教你把那些生硬的跳转和点击，换成丝滑的过渡、即时的反馈和自然的动画（比如骨架屏、视差滚动）， 让网站用起来顺手、不卡顿，看着还特别高级 。
-
**使用方式：**下载 interaction-design 放在 。trae/skills 目录中直接使用
-
**举例：**比如你想给为我的 [首页/表单/列表] 优化交互体验，具体要求如下：
-
加载时 ：不要留白，帮我生成适配布局的骨架屏（Skeleton）。
-
点击时 ：给主要按钮加上微反馈动画（如缩放或波纹），提交表单时要有明确的加载和成功/失败状态切换。
-
滚动时 ：让长列表或卡片在进入视口时有一个平滑的淡入上浮效果（Scroll Reveal）。
-
切换时 ：页面或 Tab 切换要加上淡入淡出的平滑过渡，不要生硬跳转。 请直接给出实现代码。”
-
-
下载链接：agents/plugins/ui-design/skills/interaction-design at main · wshobson/agents
前端必备 Skill
用户 @刘金良