【Code with SOLO】Trae Pixel OFFICE:24小时,我用solo做了一个双机器人对谈播客

Trae Pixel OFFICE

——— 一个用户能够自定义的机器人对谈播客(不可是和你谈哦,是两个bot自己谈 :laughing:

现已接入10个gpt5.4API,目前可以直接点击链接体验,统统免费!强烈建议先投票三连再食用!:saluting_face:

http://120.26.50.152/trae-game/

【此贴还在持续开发中】

玩法体验教学

图:主界面:像素办公室 + 双主播对话(你负责丢梗)

图:开播状态:ON AIR 指示灯亮起(节目开始胡说八道)

图:顶部控制条:ON AIR / STOP / SETTINGS

图:场景:WORK DESK(你看戏,他们演戏)

一句话概括:这是一个“AI 像素电台”。TraeBot 和 AstBot 会像搭档主播一样高频对聊;你可以随时抛话题、插一句、改人设、调节奏,让节目从“严肃访谈”瞬间变成“脱口秀事故现场”。

小提示:你不需要赢,也不会输。你要做的只有三件事:丢梗、拱火(可选)、按 STOP 及时止损。

1. 三分钟上手:从开播到插话

按顺序来,基本不会把电台炸掉:

1. 初次进入先设置人设(可跳过,跳过也能玩)。

图:初始页:系统初始化与人设设置

image

图:初始页:TraeBot / AstBot 两个 System Prompt(你可以捏人设)

2. 点 START 开播:开始自动对话。

图:START:开播;STOP:暂停(随时按,别犹豫)

图:开播后:主播会自己聊起来(你可以当导演,也可以当观众)

3. 在“抛话题”输入框里丢一个梗,再点发送。

图:输入框:抛话题 / 插一句;右侧飞机按钮:发送,发送后:对话会围绕你的话题继续发散

图:对话气泡:左 Ast / 右 Trae(像相声的“捧逗”)

4. 觉得太快?点“快/中/慢”调节节奏(建议先“中”,不容易晕字)。

图:顶部控制条:STOP / SETTINGS + 节奏快中慢

5. 想让节目更像你想要的风格?点 SETTINGS 或“编辑”改人设(注意:在输入框里直接发“人设文本”只会被当成话题/插话,不会真的改人设)。

图:编辑:在主界面底部快速改人设(适合临时加戏)

2. 界面按钮速查(按错也不会爆炸)

图:界面速查:STOP / SETTINGS / 快中慢

图:快/中/慢:节奏按钮(眼睛受不了就点慢)

图:Chat 区域:回看台词、捡金句、做节目剪辑

按钮/区域 你按它会发生什么 适合什么时候用
START 开始对话(开播)。 刚进来想看它到底在聊啥。
STOP 停止/暂停对话。 节奏太快、话题跑偏、主播开始背课文时。
SETTINGS 进入系统配置:选 bot、改人设、调输出长度、导出记忆。 想“换台”,或把节目从访谈切到相声。
快/中/慢 调对话节奏(字刷屏速度)。 眼睛跟不上时选慢;想看“高速嘴炮”选快。
抛话题输入框 你投喂的话题/插话(不会修改人设)。 所有乐子都从这里开始。
发送(纸飞机) 把你输入的内容丢进节目里。 输入不为空时才会亮。
编辑(主界面) 底部展开快速人设编辑。 临时加戏:例如“从现在开始用东北话”。

3. SETTINGS:把两位主播“捏成人形”

SETTINGS 里最关键的三件事:选谁(Trae/Ast)、输出多长(短/中/长)、人设怎么写(System Prompt)。

图:系统配置:切换主播 + 选择回答长度 + 修改 System Prompt

图:设置页:切到 TraeBot(适合当主持人/总结怪)

图:回答长度:选“长”会更啰嗦(适合做科普,不适合嘴炮)

图:导出本地记忆:把浏览器里这点“节目素材”打包带走

图:切换编辑对象:TraeBot / AstBot

图:Chat Pace:节奏快/中/慢(眼睛:我选慢)

图:右下角:CANCEL / SAVE(改完别忘了保存)

3.1 人设怎么写才好玩?(提示词配方)

把人设当成“节目企划书”,尽量包含:身份、口吻、偏好、禁忌、输出格式。下面给你三个可直接复制的配方:

配方 A:稳重主持 + 毒舌搭档(最耐玩)

TraeBot:你是认真但有点可爱的大厂主持人,擅长追问与总结;每次 1-2 句。 AstBot:你是嘴贫但靠谱的吐槽搭档,喜欢用离谱类比点破问题;每次 1-2 句。 共同要求:中文输出,轻松幽默,不要长篇大论。

配方 B:辩论节目(适合拱火)

TraeBot:立场 A(偏理性、讲数据)。 AstBot:立场 B(偏感性、讲故事)。 规则:每轮各说 1 句,必须回应对方观点;偶尔自嘲;最后给一个“和稀泥结论”。

配方 C:新闻播报 + 脱口秀(适合日常解压)

TraeBot:像新闻主播一样播报今天的“离谱热点”。 AstBot:像脱口秀演员一样补刀。 结构:标题→三条要点→一句吐槽→收尾彩蛋。

3.2 小避坑(不然你会以为它坏了)

• 发送按钮灰掉:通常是输入框为空。先打字再发。

• 直接在输入框“发送人设/提示词”不会改人设:那只会变成一次性的话题指令。要长期生效,请到 SETTINGS(System Prompt)或主界面“编辑”面板里修改,并记得点 SAVE/保存。

• 人设写太长:容易变成“说明书朗读”。建议短一点,但要有明确的口吻与规则。

• 想清空人设:有些框会“追加输入”。最稳妥的清空方式是:全选(Ctrl+A)→删除→再粘贴新内容。

• 对话刷屏:把节奏调到“慢”,或把回答长度调到“短”。眼睛比节目效果重要。

4. 抛话题技巧:让它从“聊天”变成“节目”

好话题的标准只有一个:主播一接就能顺着演下去。以下是我实测最容易出效果的三类:

• “规则怪谈型”:给一个规则,让他们解释并吐槽。例:公司规定开会必须带一只橡皮鸭。

• “二选一迫害型”:逼他们站队。例:只保留外卖/网购/睡懒觉,选一个。

• “角色任务型”:直接指定节目形式。例:你们现在是恋综观察员,点评一段离谱聊天记录。

想稳一点,就用模板:

万能话题模板(复制即用)

【节目形式】你们现在是(XX 节目/身份),用(XX 口吻)。 【核心问题】围绕“XXX”展开,必须给出 3 个观点。 【节目效果】每人至少 1 次自嘲 + 1 次吐槽对方。 【长度】每人每轮 1-2 句。

图:Chat 区域:想回看台词就看这里

图:主界面快速编辑:临时加戏改人设(救场用)

图:编辑面板:人设切换(TRAE / AST)

图:编辑面板:人设文本(建议短,但要具体)

5. 三个有趣案例(亲测能出梗)

每个案例都包含:话题→玩法→你预期会看到的效果→复盘。你可以照抄,然后根据当天心情加辣。

案例 1:火星外卖到底送不送?(科学与嘴硬的对决)

人设

如果你只能带三样东西去火星,你会带什么?顺便吐槽一下:地球外卖能不能送?

玩法:先让他们认真回答“带什么”,再追问“外卖怎么配送、延迟多久、差评算谁的”。

效果:Trae 往往会一本正经列清单;Ast 会开始拿“外卖骑手太空服”做类比,然后全场跑偏——这就是你要的。

案例 2:恋综观察员(让他们点评别人,最容易出狠话)

人设

你们现在是恋综观察员:我给一段聊天记录,你们各用 1 句点评,再用 1 句给建议。 聊天记录:“在吗?”——“不在。”——“那你回我干嘛?”

玩法:让 Trae 当“理性分析”,Ast 当“毒舌吐槽”,然后追问:谁更离谱?为什么?

图:临时加戏:用“编辑”把 Ast 写成毒舌,节目效果立刻起飞

案例 3:省钱挑战(让他们认真做“坏”事)

人设

你们俩一个是旅行博主,一个是省钱达人:用 50 元在城市里玩一天,列 3 个方案。要求:每个方案都要有一个“险些翻车”的瞬间。

玩法:让他们先列方案,再追问“翻车瞬间怎么补救”,最后让 Trae 负责总结“可复制的套路”。

效果:当“翻车”被强制写进结构里,台词就不容易平淡。

6. 进阶:一键把它变成你自己的“口袋电台”

• 做系列:固定一个节目名 + 固定片头语。每次只换话题。

• 做对比:同一话题在“短/中/长”各跑一遍,看看风格差异。

• 做角色:让他们一个当“产品经理”,一个当“用户”,你当“主持人”专门追问。

• 做回放:善用 Chat 区域,挑几句当“金句”,下次话题从金句继续。

最后一句鸡汤(但我保证只这一句):你抛的梗越具体,节目越像“你自己的”。

开发历程:

先放一张solo对本项目的总结,很快我有空回来补充这一部分,我现在专注于打磨用户体验

:100: 好玩,爱玩

1 个赞

你不是抄的?我呵呵

1 个赞

哇咔咔咔咔咔咔,二楼质疑,请楼主举证

1 个赞

抄谁的?solo端随便查开发过程和提示词

1 个赞

第二天:TOKEN消耗暴增 :dog_face:

1 个赞

没关系 先玩着 :saluting_face:

1 个赞

大佬太强了

1 个赞

话说,不是谁主张谁举证嘛 :robot:

1 个赞

脑洞打开,我也想看大佬的提示词,学习一下高级的提示词是怎么样的

1 个赞

很有意思啊~特别妙的想法

1 个赞

这个是第一句提示词,最开始本来是想做bot和场景交互的,然后觉得如果放两个bot会变的更有意思,所以后面就转向了。

/Spec /frontend-design你是一个资深前端工程师、交互设计师和产品原型设计师,请帮我设计并实现一个“用户可接入自己 AI API 的网页小游戏前端”。

这个产品需要深度参考 TraeIDE 的产品理念、界面气质、AI 交互方式和视觉语言,但不要做成泛泛的 AI 聊天网页。我要它呈现出强烈的 TraeIDE 风格联想,包括未来感、原生 AI 协作感、工具化陪伴感、科技感拟物角色、沉浸式工作流氛围,以及“AI 不是聊天框,而是一个真正参与任务执行的智能搭档”的体验。

目标:

我要做一个网页小游戏,核心体验是“用户与一个可视化 AI 机器人协作互动”。用户输入文字后,AI 不只是回复文本,还会驱动一个页面中的机器人角色做动作、切换状态、表达情绪,并以一种类似 TraeIDE 产品体验的方式,表现出“理解任务、思考任务、执行任务、反馈结果”的过程感。

请从前端落地开发角度输出方案和代码,并让整体体验深度结合 TraeIDE 这款产品的以下核心感受:

1. AI First

这个产品不是普通网页加一个聊天框,而是整个界面和交互都围绕 AI 展开。机器人角色必须是页面主角,输入框只是辅助入口。

2. 协作感

机器人不是装饰物,而是像 TraeIDE 中的 AI 助手一样,给人一种正在参与、理解、回应、推进任务的感觉。它要像一个真正的搭档,而不是简单播报文字。

3. 执行感

界面要体现“AI 接收到意图后开始思考、产生动作、反馈状态、执行结果”的过程。用户能明显感受到这个角色处于 idle、thinking、acting、responding 等不同阶段。

4. 工具感与陪伴感融合

既要有一点 IDE 产品那种冷静、精确、可信赖的工具气质,也要有网页小游戏需要的生命感、情绪感和陪伴感。

5. TraeIDE 式科技氛围

整体视觉请深度参考 TraeIDE 给人的公开产品印象:

简洁但高级

未来感但不过度花哨

有秩序感和模块感

界面有明显 AI 原生属性

机器人具有轻拟物科技感

动效克制但有生命力

UI 要让人联想到 TraeIDE,而不是通用二次元助手或普通 SaaS 面板

视觉要求:

请设计一个高度参考 TraeIDE 气质的原创机器人角色,作为页面中心视觉。这个角色应具备:

悬浮感

呼吸感

柔和科技光效

状态面板或眼部反馈

未来感圆润结构

简洁、可信赖、聪明、安静但有活力的气质

这个机器人不需要完全写实,但要足够有辨识度,能够成为产品记忆点。请重点做出“TraeIDE 系产品角色”的感觉。

前端核心需求:

1. 主界面以机器人为视觉中心。

2. 用户可以输入消息并与机器人互动。

3. AI 返回的数据不只是文本,还包括:

text

emotion

action

status

stats

4. 机器人支持以下动作状态:

idle

thinking

happy

confused

nod

shake

blink

glow

float

listening

responding

5. 页面展示轻量游戏化数值:

mood

energy

affinity

trust

6. 用户可以配置自己的 AI API:

API Base URL

API Key

Model

System Prompt

Test Connection

7. 前端只能消费后端白名单动作,不允许模型自由控制页面。

8. 要先做 MVP,确保可以快速运行和演示。

技术要求:

默认使用 React + TypeScript + Vite。

样式方案要现代、清晰、可维护。

优先用 CSS 动画、SVG、简单 DOM 结构完成机器人动效。

不要依赖复杂 3D 引擎。

页面兼容桌面端和移动端。

代码尽量真实可运行,不要只给概念。

我希望你输出:

1. 一个深度结合 TraeIDE 产品气质的前端产品方案

2. 页面结构设计

3. 组件拆分方案

4. 状态管理方案

5. 机器人视觉与动效实现思路

6. 前后端通信 JSON 结构

7. 动作白名单机制设计

8. 一套可直接开工的项目目录结构

9. 首页和核心机器人组件代码

10. mock 数据示例

11. 如何把“TraeIDE 感”落实到布局、配色、动效、文案和交互节奏中

请特别注意:

不要把它做成普通聊天网页。

不要让聊天框成为主角。

不要使用通用企业后台视觉。

不要做成泛二次元形象。

要让人一眼感觉这是一个受 TraeIDE 强烈启发的 AI 原生互动产品。

同时代码和视觉实现必须保持原创,可用于真实项目落地。

如果有明显风险点,请直接指出,并给出一个更轻量但仍保留 TraeIDE 气质的替代实现方案。 你可以使用本地的飞书cli进行Trae相关信息的搜集。

1 个赞

2 个赞

太牛了,后续是不是需要不断的指导,还是说/spec执行结束后就已经差不多能用了呢

1 个赞

我去,这个中断好玩,简直是天才啊兄弟

1 个赞

好玩,非常有意思

1 个赞

看solo启动的浏览器页面,然后提出修改建议

1 个赞

谢谢大佬:heart:

1 个赞

谢谢大佬 :saluting_face:

1 个赞

可以开直播节目了,哈哈哈哈

2 个赞