我用Trae使用Skill爆改若依UI

343 阅读1分钟
大家好,我是时生,最近Skills爆火,突然想到若依项目的界面设计不够现代化,正好使用一下SKill到底效果怎么样,如果让AI自己优化页面肯定就变成渐变色了。

我使用的是 frontend-design skill,主要内容是

创建具有高设计质量的独特、生产级别的前端界面。当用户要求构建网页组件、页面、制品、海报或应用程序(例如网站、着陆页、仪表板、React 组件、HTML/CSS 布局,或对任何网页用户界面进行样式美化/美化)时使用此技能。生成富有创意、精致的代码和用户界面设计,避免通用的人工智能美学。


一、TRAE上添加skill
1. 将frontend-design skill下载下来

skill.png

2. 打开TRAE的设置

屏幕截图 2026-02-27 221320.png

3. 点击创建

image.png

4. 上传进行智能解析(将下载下来的skill.md文档引入)

自动解析.png

TRAE会自动解析skill.md文档中的内容,解析完成点击确认即可


二、输入提示词,让大模型自己按照skill对若依项目UI进行优化
1. 告诉大模型当前项目UI太丑让它给推荐几个不同风格的UI

屏幕截图 2026-02-27 223556.png

屏幕截图 2026-02-27 223826.png

大模型给我推荐了几个不同的风格

2. 告诉大模型想要的风格,让它自己调整

屏幕截图 2026-02-27 224015.png

大模型自己会设置待办任务,一个一个完成任务,非常不错,也不怕中途出错

屏幕截图 2026-02-27 224201.png

3.一次做出的效果

登录页

登录页.png 用户管理

用户管理.jpg 缓存管理

缓存管理.jpg

明显看起来档次起来了,界面优化的效果非常棒,需要的小伙伴赶紧用起来吧