AI 编程 Trae 如何去 AI 味(以用户管理系统为例子)

多客科技

作者：微信文章
大家好，我是樱木。
最近用 AI 编程工具 Trae，做了个用户管理系统。收到网友留言说 AI 味太重了，于是开始在页面上，进行了一些研究。

简单说，如果使用 AI 编程没有指定配色，那么 AI 自己来配色，一般都是「蓝紫」，互联网原始默认色。

用户看着审美疲劳，于是这几天重点改造了页面，修改了用户管理系统，同时也完善了管理控制台功能，增加实时统计功能，让系统自成一体，让数据闭环。

一、去 AI 味

首先找到一个目标网站的，樱木这里找到的是：https://www.hashicorp.com/en/products/vault，HashiCorp 整个公司的产品页面，都拥有非常专业和清晰的设计，深色主题搭配亮色点缀。

个人喜好而已。



图片丢给 Trae 的输入框，然后加上：

请分析下这个图片的配色方案，分析后的告诉我。然后等待下一个指令。



分析完成后

接着在 Trae 输入：

参考上面的分析结果，把这个用户管理系统的登录页面，设计一个有设计感的主题样式页面。要求不用改变现有功能，只需要更改样式。用户登录页面样式好了，等待我的下一个指令。



用户登录页面效果如下：



这个页面效果，同时适用注册页面。

二、控制台功能

上一个版本的控制台，功能没有完全实现。

于是和 Trae 说:

用户名：yingmu

密码：<填入密码>

1、点击总用户数,链接：http://localhost:5173/users，要展示用户列表数据列注册时间、更新时间，两个字段没有正确显示.

2、控制台页面，http://localhost:5173/dashboard，显示的总用户数，活跃用户、今日登录、禁用用户，需要是真实用户统计数据。

3、点击活跃用户、今日登录、禁用用户没有反应，需要和点击总用户数一样的页面效果要求

过程中需要我确认执行的命令，一律同意运行命令。请别等待我执行



多次调试后，效果如下：



点击进入总用户数，列表功能如下：

展示用户列表，从数据库获取的，实现启用/禁用，删除，查看等功能。



至此，一个基本的用户管理系统基本完成。可以自成一体了。

好啦，今天的分享就到这里了。有帮助的帮忙点个赞。最近组了个群，加樱木，围观更多 AI 工具最新动态。


关注下方公众号，回复关键字：1 ，获取手把手 AI 教程。
我是樱木，持续探索 AI 领域，主要分享最新的 AI 工具动态，评测，提效。