Trae 3.0 SOLO 正式版上线，带你探索全新体验！

大家好，我是人月聊 IT，最近简单体验了一下 Trae Solo，现在来分享我的一些想法。

1. 在启用 Plan 模式后，可以进行需求分析与任务规划，用户还可以对规划后的内容进行优化与调整，完成后再进入开发阶段。实际上，这种 Plan 模式在许多 CLI 和 IDE 工具中已经存在，例如 ClaudeCode、iFlow 和 CodeBuddy 等。
2. 编程能力方面表现一般，相较于 Claude4.5 大模型稍显逊色，与 Qwen 的水平相近，但个人认为略低于 Qwen。
3. 静默模式体验较为良好，编程完成后用户可以随时跟随进度，手动启动浏览器进行调试，因此最终生成的代码通常具备可运行性。
4. 输出的整体满意度一般，最终结果中许多细节处理尚不完善。
5. AI 编程工具的核心影响因素并不在于 Plan 模式或 Thinking 模式，而是其底层大模型的能力。

5. 输出速度较慢，整体性能平平，等待时间较长。如果在 Vibe Coding 模式下开发效率和输出性能无法得到提升，大家应谨慎使用。每次迭代和等待周期过长，不如将需求任务进行拆分，分阶段输出内容。

接下来，我将展示实际测试任务，尝试让 AI 帮助我们开发一个三个铜钱摇卦的小应用。

具体的提示词如下：

请使用 html5 和 js 开发一个关于三个铜钱摇卦的小应用。铜钱的正反面图片已放在当前项目目录中。点击开始后会看到三个铜钱抛起的动画效果，随机落地形成不同的正反面，并基于铜钱算卦的预测法，给出具体对应的卦象，动爻是什么，并提供该卦的解读。注意界面美观易用，摇卦的动画效果要逼真，其他内容请自行完善。

首先，Solo 将进行任务规划，内容如下：

功能概述

1. 点击“开始摇卦”后，依次进行 6 次“抛三枚铜钱”的动画，形成六爻（自下而上累计）。
2. 每次抛掷结束后，记录三枚铜钱的正反面，并计算每一爻的阴阳及是否为动爻（老阴 / 老阳）。
3. 生成本卦（六爻组合），标注动爻，并根据动爻生成之卦（变卦）。
4. 显示卦名、上下卦（八卦）和动爻位置；提供本卦的简要解读，如有动爻则提示之卦及其简要解读。
5. 提供“再摇一次”“保存结果图片（含卦象与解读）”“显示 / 隐藏详细过程”等辅助功能。

技术方案

• 采用纯前端技术，使用 HTML5 + CSS3 + 原生 JavaScript，无需第三方库。
• 动画使用 DOM + CSS3 transform（rotate/translate）结合 requestAnimationFrame 实现简易物理效果（重力、弹跳、旋转减速）。
• 资源使用已存在图片：铜钱正面_透明.png（标记为“正面 = 阳 =3”）、铜钱反面_透明.png（标记为“反面 = 阴 =2”）；映射可在设置中切换以满足不同流派。
• 结构：
• index.html：布局与交互入口
• styles.css：主题与动效样式
• app.js：核心逻辑（动画、随机、计算卦象、渲染）
• yijing-data.js：64 卦的元数据（卦名、上下卦、简要解读）与 8×8 卦矩阵映射

算卦规则与实现细节

• 三枚铜钱每枚取值：正面 =3（阳），反面 =2（阴）；每一爻之和为 6 /7/8/9。
• 6= 老阴（动阴，画“— —”，标记动）
• 7= 少阳（静阳，画“——”）
• 8= 少阴（静阴，画“— —”）
• 9= 老阳（动阳，画“——”，标记动）
• 六爻自下而上生成本卦；动爻处阴阳反转生成之卦。
• 上下卦拆分：下三爻为下卦（内卦），上三爻为上卦（外卦）。
• 卦名查询：以上下卦（八卦）为索引在 8×8 矩阵中取对应卦（采用通用文王卦序矩阵）。
• 解读：
• 本卦提供简要说明（卦象含义、整体趋势）。
• 若存在动爻：列出动爻序号（如“二、五爻动”），生成之卦并给出简要说明；提示“以之卦为用”。
• V1 版本先提供每卦 1 - 3 句现代语简解；后续可扩展爻辞、彖辞与象传。

界面与交互设计

• 顶部：包括标题和“开始摇卦”按钮；右上角设置（声音、动画速度、正反映射）。
• 中央“桌面”区域：三枚铜钱初始叠放；抛掷动画将在此区域完成；带有轻微阴影与运动模糊效果。
• 右侧面板：
• 六爻进度条（自下而上），实时绘制阴 / 阳线，动爻高亮标识。
• 本卦 / 之卦名称、上下卦、动爻列表。
• 底部结果区：
• 本卦简解、之卦简解。
• 操作：再摇一次、保存结果图片。
• 移动端适配：按钮足够大，文本优化为中文排版，支持暗色 / 亮色主题。

动画细节

• 每次抛掷三枚铜钱同时进行：
• 随机初速度（向上）、旋转角速度（绕 X /Y/ Z 轴），施加重力与地面碰撞（1- 2 次弹跳）。
• 降速后根据随机结果确定为正或反面，平滑停留在桌面不同位置，避免重叠。
• 附加细节：阴影缩放、轻微金属音效（可关闭）、运动模糊（CSS filter）。

数据设计（yijing-data.js）

• TRIGRAMS：八卦编码与名称（乾、兑、离、震、巽、坎、艮、坤），及三位二进制（阳 =1，阴 =0）。
• HEX_MATRIX[upper][lower]：8×8 矩阵至 64 卦索引与卦名（按通用表）。
• HEX_META[hexKey]：包含中文名、序号、上下卦名、简要解读（2- 3 句）。
• 可拓展：LINE_TEXT[hexKey][lineIndex]用于存放爻辞简解，后续版本将加入。

主要函数（app.js）

• startCasting()：初始化状态，触发 6 轮抛掷。
• throwThreeCoins(round)：执行第 round 轮动画，返回三枚结果（2 或 3）。
• toLineType(sum)：6/7/8/9 → 阴 / 阳与是否动。
• buildHexagram(lines)：从 6 条线生成本卦键值；标注动爻；生成之卦。
• hexagramName(hex)：查询卦名与上下卦名。
• renderProgress(round, line)：绘制右侧六爻进度。
• renderResult(mainHex, changedHex, movingLines)：渲染最终解读与操作区。
• saveSnapshot()：将结果区域导出为图片（使用 叠绘或 html2canvas 的纯替代方案）。

文件结构

• index.html：语义化结构（header/main/aside/footer），预留桌面容器与结果面板。
• styles.css：
• 主题色（古铜金 + 墨色）、中文字体优化、动效 class。
• 响应式布局、阴影 / 模糊 / 高亮效果。
• app.js：状态机（轮次 0 -5）、动画控制器、卦象计算与渲染。
• yijing-data.js：八卦与 64 卦映射、简解数据。

验证与测试

• 功能验证：
• 6 次抛掷后必得一卦；动爻反转正确得到之卦；名称与上下卦匹配。
• 随机性：多次摇卦结果合理分布，无异常情况。
• 视觉验证：
• 动画流畅（目标 60fps）；桌面与阴影效果自然；停留位置不重叠。
• 兼容性：支持桌面 Chrome/Edge 及主流安卓 / 苹果移动端浏览器。

后续可扩展

• 增加“手动定爻”“单次抛掷模式”。
• 提供完整爻辞 / 彖辞 / 象传与占断建议，动爻多条时的选择提示。
• 历史记录与分享图片（包含日期与问卜事项）。
• 声音效果与更细腻的物理效果（更真实的旋转与碰撞）。

请确认以上方案；确认后我将根据此结构创建页面与脚本，并接入你提供的铜钱图片，完成动画与卦象解读。

基于该任务规划方案，已输出完整源代码，具体执行界面如下：

总体来说如下：

1. 初次输出效果一般，许多细节未能顾及，经过 3 至 4 轮的优化与调整后有所改善。
2. 抛投的随机动画效果表现相当不错。
3. 整体界面的美观性尚可。

接着，我们使用相同的提示词，对 iflow 与 Qwen 进行了测试与验证。最终的输出效果如下：

通过上图可以观察到，整个界面的易用性和视觉美感有了显著提升，但三个铜钱的抛投随机动画效果却不如 Solo 出色。此外，卦象的文字解释也显得较为普通，未能有效体现变卦的核心理念。

随后，我又使用 Claude4.5 大模型进行了新的实验。基于之前的尝试，我对提示词做了少量调整，具体如下：

请帮助我使用 html5 和 js 开发一个三个铜钱摇卦的小应用。铜钱的正反两面图片已放在当前项目目录中。点击开始可以看到三个铜钱抛起的动画效果，随机的抛投动画逼真。落地后形成不同的正反面，需要根据铜钱算卦的方法，给出对应的卦象，具体的动爻是什么，并提供该卦的解释。卦的绘制需注意：阳爻用红色底色，阴爻用黑色底色，阴爻为两个断开的矩形，中间间隔 10px。确保界面美观、易用，摇卦的动画效果要真实，其他方面请自行完善。整个应用不需启动 http 服务器即可正常访问和使用。

最终，Claude 成功一次性输出了理想效果，整体表现令人满意。

最终得出的结论是，当前 AI 编程的竞争并不局限于 IDE 或 CLI 工具，核心在于底层大模型的能力。Trae 下架 Claude 大模型的影响相当显著。当然，从辩证的角度来看，这或许能进一步加快我们自身编程大模型的研发进程。