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 系列入门手把手教程:AI教程合集

我是樱木,持续探索 AI 领域,主要分享最新的 AI 工具动态,评测,提效。

相关推荐
mit6.824几秒前
底层的本质与实时思考
人工智能
玫瑰互动GEO6 分钟前
GEM优化广告六要素: 从命名一致到落地页双对齐的工程化落地
人工智能·ai·chatgpt·gem优化
ZhengEnCi6 分钟前
2026年10月30日AI早报:Gemini 4 Carbon登顶、DeepSeek融资1055亿、智元机器人上岗实测
人工智能·算法
Luhui Dev7 分钟前
几何画板工程持久化与版本管理方案:变更监听、自动保存与版本恢复
人工智能·数学·ai·agent·luhuidev
试剂界的爱马仕17 分钟前
α-Cyano-4-hydroxycinnamic acid(CHCA)用作 MALDI-TOF 基质的配制与使用
大数据·人工智能·深度学习·学习
强哥聊算力19 分钟前
《算力江湖·Intel帝国往事》第三集:安迪·格鲁夫的铁血时代:Intel为什么能把对手逼到墙角?
运维·人工智能·科技·算法·ai·gpu算力
Raymond168824 分钟前
零样本TTS长视频配音的工程取舍:自回归、非自回归与韵律边界
人工智能·数据挖掘·回归·音视频·音频
大熊背28 分钟前
人工智能中的数学之美---从向量角度理解深度学习中的感知机
人工智能·深度学习
杭州华望MBSE31 分钟前
AI将载着MBSE驶向哪里?从前台工具转向工程语义与验证层
人工智能·大语言模型·mbse·sysml·国产工业软件
我喜欢就喜欢32 分钟前
AI与教育:一场双向塑造的相互性变革
人工智能