前言

偶然发现ui-ux-pro-max-skill这个开源项目，可以用来设计好看的UI界面，但苦于一直不知道怎么用
抽空了个时间研究研究，在bilibili上发现trae中可以接入使用，并且还有免费的模型

接入步骤

1.用trae打开一个文件夹

2.在trae中创建一个智能体，其他什么也不用填

3.添加技能(SKILL)
设置->规则合技能->项目规则->创建

4.添加Skill内容
上一步会在当前目录下创建一个markdown文件

然后把github上这个文件中的内容复制过来

5.用智能体创建界面
切换至自定义智能体

切换模型，我这边用了GLM-4.7

输入“Design a calculator”，AI就开始自己生成界面了

创建完成后，本地用浏览器打开calculator-retro.html预览一下

效果还是很惊艳的！