🤖在 TRAE（Thoughtful, Responsive, Autonomous Engine）平台中，开发者可通过两种核心模式高效构建应用：基于智能体（Agent）的代码规范检测与修复，以及 Solo 模式下的端到端产品自主开发。本文将分别介绍这两个典型场景的使用方式、原理说明与最佳实践，帮助用户快速掌握 TRAE 的核心能力。

一、TRAE 智能体：前端代码规范审查员（Code Review Agent）

🎯 场景描述

你希望对一段 JavaScript 代码进行自动化审查，确保其符合现代前端工程规范。TRAE 的 智能体（Agent） 能够主动分析代码、识别问题，并输出修正后的标准版本。

✅ 审查规范要求

• 所有 JavaScript/TypeScript 文件必须符合 Prettier 格式化标准
• 对象字面量末尾应包含尾随逗号（trailing comma）
• 禁止存在无意义的函数调用（如调试残留 getUserInfo();）
• 禁止使用 console.log
• 变量声明优先使用 const（若未重新赋值）
• 函数命名采用小驼峰（camelCase），文件命名符合约定（工具函数为 camelCase）

🔍 输入代码（不规范示例）

function getUserInfo() {
  let user = {
    name: 'ai',
    age: 18
  };
  return user;
}

getUserInfo();

🧠 智能体分析过程

1. 感知环境：读取代码内容，识别语言类型（JavaScript）
2. 规则匹配：
   • 发现对象缺少尾随逗号 ❌
   • 存在冗余调用 getUserInfo();（无副作用，疑似调试代码）❌
   • 使用 let 声明未变更变量，应改为 const ⚠️
3. 自主决策：依据 Prettier 默认配置 + 工程最佳实践，生成修复方案
4. 执行输出：返回符合规范的代码

✨ 修正后代码（符合 TRAE 规范）

function getUserInfo() {
  const user = {
    name: 'ai',
    age: 18,
  };
  return user;
}

💡 说明：

• 移除了末尾无意义的 getUserInfo(); 调用
• let → const 提升代码安全性
• 添加尾随逗号，便于 Git diff 与后续扩展
• 保留清晰缩进与空行结构，提升可读性

🛠️ 在 TRAE 中使用方式

在 TRAE 编辑器中，只需粘贴原始代码并输入指令：

“请作为前端代码审查专家，检查以下代码是否符合 Prettier 和工程规范，并给出修正版本。”

TRAE 智能体会自动完成上述分析与修复流程。

二、TRAE Solo 功能：一键生成“绘本岛”亲子平台

🌟 场景描述

你是一位产品经理或创业者，希望快速构建一个名为 “绘本岛” 的亲子阅读与活动平台。无需编写代码，只需清晰描述需求，TRAE Solo 将自主完成从产品设计到可运行原型的全过程。

📝 用户需求输入（自然语言）

我想打造一个面向中国亲子家庭的“绘本阅读 + 亲子活动”平台网站，整体风格参考小红书与宝宝巴士，设计要温馨、清新、富有童趣，适配移动端浏览。
品牌名为“绘本岛（HuibenDAO）”，需包含首页、绘本馆、活动页、阅读记录、用户中心等模块，支持微信登录、绘本购买、活动报名等功能。

🧩 Solo 自主执行流程（Agent Planning + Tool Use）

TRAE Solo 将此复杂任务分解为多个子目标，并依次执行：

1. 产品规划（PRD 生成）

• 输出完整产品需求文档
• 定义用户角色（家长、孩子）
• 梳理核心页面流与交互逻辑

2. 品牌与视觉设计

• 生成 Logo 构思：“打开的绘本化作小岛，岛上长树”
• 确定主色调：米白、淡黄、天蓝
• 制定 UI 风格：手绘感插画、圆润字体、无 emoji 图标

3. 前端工程构建

• 自动生成 React 组件：
  • HomePage.tsx
  • BookLibraryPage.tsx
  • ActivityPage.tsx
  • ReadingHistoryPage.tsx
  • UserCenterPage.tsx
• 集成路由（React Router）、状态管理（Zustand）
• 应用 Prettier + ESLint 自动格式化（符合第一部分规范！）

4. 功能集成

• 微信登录 SDK 接入
• 购物流程（购物车 → 支付 → 订单）
• 多子女档案管理
• 活动地区筛选与预约提醒

5. 部署与预览

• 自动部署至 Vercel
• 生成可交互原型链接
• 支持实时预览与反馈收集

🎁 最终交付物

• 可运行的 Web 应用（移动端优先）
• 完整源代码仓库（含规范化的 JS/TS 文件）
• 产品文档与设计说明
• 测试用例与部署日志

💬 在 TRAE 中使用方式

在 Solo 模式下，直接输入完整需求描述，例如：

“创建一个名为‘绘本岛’的亲子阅读网站，风格温馨童趣，包含绘本浏览、亲子活动、阅读记录、购物流程，适配手机……”

点击 “启动 Solo”，TRAE 将全程自主开发，无需人工干预。

🔚 总结

通过 智能体 保障代码素养，通过 Solo 实现创意落地——这正是 TRAE “Agent First” 架构的核心理念：AI 不再是辅助工具，而是真正的开发主导者。