我用 Trae 实现了AI辩论赛

本文参加 全链路开发实战

公司刚调整了作息，午休时间减去刷手机基本约等于零。我正昏昏沉沉地敲着代码，隔壁工位的测试小哥一脸坏笑地凑了过来：

"Jack，问你个事呗？"

"有屁就放。"我没好气地说。

"能不能让两个 AI 来一场辩论赛！"

这句话瞬间点燃了我的好奇心。一问才知道，这小子最近迷上了综艺里的辩论节目，对那种唇枪舌战、咄咄逼人的交锋特别上头。于是他突发奇想：能不能让两个 AI 来一场"友好而激烈"的辩论？我转念一想，AI 的设定本就接近"全知"，让两个全知对线，岂不是相当于老子跟希波克拉底论道？抱着这股好奇心，我决定动手整活。而搭这个"辩论战场"的活儿，自然还是交给 AI 自己------于是 Trae 登场了。

第一步：输入需求

先把想要的东西用一句话描述给 Trae，让它把雏形搭出来：

arduino 复制代码

开发一个 Web 项目，实现两位 AI 大模型就指定论题进行回合制辩论。页面需包含：论题输入框、为两位辩手分别分配正方与反方的设置项，以及"开始"按钮。点击开始后，两位 AI 按回合制依次交替发言，页面实时展示每一回合的立场标识（正方/反方）与发言内容。需支持设定辩论回合数或自动结束条件，并确保发言按顺序交替、界面清晰易读、适配桌面端与移动端。

没过多久（大概二十来分钟），Trae 就已经搭出了雏形，还自动打开了浏览器进入调试模式。基本效果有了，但总觉得差点意思------AI 味儿太重，设计逻辑也跟我设想的不太一样。没关系，咱们一步一步来，先从样式下手。

第二步：调整风格样式

我从网上找了一套喜欢的主题配色，然后让 Trae 参考这张图来做调整。比如这个项目本质上是一场"脸红脖子粗"的互怼，所以我挑了一张红色调的图。

swift 复制代码

提取这张UI图的风格详情提示词，只需要提取风格的提示词，页面的布局和功能都不需要提取。然后应用到当前项目中.同时移除AI默认生成的紫色配色（包括主题主色、按钮、链接、边框、高亮及背景等所有紫色元素），

经过一番整改，样子总算过得去了。先不跟它计较，准备进入正题。

第三步：调整功能与交互

我试着把 DeepSeek 和 GLM 两个模型接上去跑辩论，确实跑通了。看浏览器调试日志，也确实是各自调用了对应的角色。但功能和交互上还有不少打磨空间，咱们继续 battle。

辩论功能已完成，请按以下四个里程碑顺序逐项完善：每完成一项暂停等待我确认，确认无误后再继续下一项，直至全部完成。 1. 新增模型配置功能：通过右上角设置图标触发配置入口，支持新增、编辑并保存多个模型（名称、地址、API Key 等参数），辩论执行时直接从已保存的预设模型中勾选即可，无需每次重新配置。 2. 隐藏敏感信息：调用模型时不得在界面或日志中暴露模型地址与 API Key，将配置信息存储于缓存或本地文件中并在内部读取调用。 3. 优化对话界面：将辩论对话页面由死板的纵向排列改为类聊天对话窗口样式，区分正反双方消息气泡并提升可读性。 4. 增强等待交互：调用接口等待响应期间增加加载动画或进度提示等交互效果，提升用户体验感。

这一波任务动了真格------每项都得经我确认才会进入下一步，着实花了不少时间和积分。不过成品也越来越接近我想要的状态了。

中间还有点小插曲：自己找的中转站账号被封了，换了个新的又不兼容，又让 Trae 调了一通。最终结果没让我失望，一些细节处理得也不错------比如正反方的身份只要设一个，另一个会自动跟着变。

总结

有了 AI Agent，工作和生活确实方便了不少，一些原本异想天开的念头，也从遥不可及变得触手可及。动动手指、说几句话，就有个小助手替你干活。不过，怎么让这个小助手真正按你想要的路线走，还是有些门道的：

多鼓励，少批评。
一步一步执行，把复杂任务拆分成小任务。
效果不理想很正常，毕竟 AI 不是我们肚子里的蛔虫。 慢慢指导、慢慢调整，最终会越来越好。但前提一定是：你自己得先想清楚要什么，否则你和 AI 都会一起陷入自我怀疑。
如果走进了死胡同，主动认错、重新开始，往往比死磕到底更好。