Trae 3.0 SOLO 正式版发布，使用体验竟然如此惊艳！

大家好，我是人月聊IT，最近试用了一下Trae Solo，先和大家分享一下我的感受。

1. 开启了Plan模式后，可以进行需求分析和任务规划，还能对已规划的任务进行优化和调整，完成后再进行开发。其实，这种Plan模式在不少CLI和IDE工具中都已经有了，比如ClaudeCode、iFlow和CodeBuddy等。
2. 编程能力方面，个人觉得它的表现一般，和Claude4.5大模型比差不多，甚至可能稍微逊色于Qwen的水平。
3. 静默模式不错，自己写完代码后可以随时跟进，同时还可以启动浏览器进行调试，完成后的代码基本上都是可以运行的。
4. 一次输出的满意度不高，最终输出的细节考虑得不够周全。
5. 其实，影响AI编程工具真正核心的不是Plan模式或Thinking模式，而是它底层大模型的能力。

另外，输出速度相对较慢，整体性能一般，等待时间比较长。如果在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的版本好，另外，卦象的文字解释也显得平平无奇，核心概念的变卦未能很好的体现。

最后，我又用Claude 4.5大模型进行了测试。这次我对提示词做了一些小调整，具体内容如下：

帮我用html5+js来开发一个三个铜钱摇卦的小应用。铜钱的正反面图像我已经放在当前项目目录下。点击开始可以看到三个铜钱抛起的动画效果，随机的抛投效果非常逼真。它们会随机落地，形成不同的正反面。接着需要根据铜钱的算卦方法，给出对应的卦象，具体的动爻是什么，并给出对该卦的解释。绘制卦的时候注意阳爻用红色底色，阴爻用黑色底色，阴爻用两个断开的矩形，中间间隔10px。界面要美观易用，摇卦的动画要真实，其他细节你自己完善。整个应用不需要启动http服务器就能正常访问和使用。

最终，Claude成功输出了预期效果，整体效果完全没问题。

总结一下，当前AI编程的竞争，核心并不在于IDE或CLI工具，而是在于底层的大模型能力。虽然Trae现在下架了Claude大模型，但这对我们来说影响很大。当然，换个角度看，这也可能会加速我们自己开发编程大模型的进程。