共计 3632 个字符,预计需要花费 10 分钟才能阅读完成。

大家好,我是人月聊 IT。最近我尝试了一下 Trae Solo,下面是我的一些初步结论。
- 在启用 Plan 模式后,可以进行需求分析和任务规划,并且可以对已规划的任务进行优化和调整,待完成后再进入开发阶段。实际上,许多 CLI 和 IDE 工具也具备类似的功能,比如 ClaudeCode、iFlow 和 CodeBuddy 均提供这类模式。
- 编程能力表现一般,整体上仍然不如 Claude4.5 大模型,和 Qwen 的水平相仿,个人感觉稍逊于 Qwen 的表现。
- 静默模式表现良好,编写完代码后可以随时跟进,并自行启动浏览器进行调试,因此基本上完成的内容是可以运行的。
- 输出的满意度一般,最终结果中许多细节考虑得不够周全。
- 影响 AI 编程工具的核心因素并非 Plan 模式或 Thinking 模式,而是底层大模型的能力。

5. 输出速度较慢,整体性能一般,导致等待时间过长。在 Vibe Coding 模式下,如果开发效率和输出性能没有显著提升,实际上大家应谨慎使用。每次迭代和等待周期都显得过于漫长,分解需求任务并逐阶段输出可能更为有效。
接下来,我们来看看具体的测试任务,要求 AI 帮助我们实现一个三个铜钱摇卦的小应用。

具体的提示信息如下:
请帮我用 html5 和 js 开发一个三个铜钱摇卦的小应用。铜钱的正反两面图片已放在当前项目目录中。点击开始后,可以看到三个铜钱抛起的动画效果,然后随机落地形成不同的正反面,并基于铜钱算卦的预测法,给出具体对应的卦象以及动爻,最后提供对该卦的解释。请注意界面的美观与易用性,摇卦的动画效果要逼真,其他细节可自行完善。
首先,Solo 进行任务规划,内容安排如下:
功能概述
- 点击“开始摇卦”后,依次进行 6 次“抛三枚铜钱”的动画,形成六爻(自下而上累计)。
- 每次抛掷结束后,记录三枚铜钱的正反面并计算该爻为阴 / 阳以及是否为动爻(老阴 / 老阳)。
- 生成本卦(六爻组合),标注动爻,并根据动爻生成之卦(变卦)。
- 展示卦名、上下卦(八卦)、动爻位置;提供本卦的简要解读,如有动爻则提示之卦并给出简要解读。
- 提供“再摇一次”、“保存结果图片(包含卦象与解读)”、“显示 / 隐藏详细过程”等辅助功能。
技术方案
- 采用纯前端开发,使用 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:- 主题色(古铜金 + 墨色)、中文字体优化、动效类名。
- 响应式布局、阴影 / 模糊 / 高亮效果。
app.js:状态机(轮次 0 -5)、动画控制器、卦象计算与渲染。yijing-data.js:八卦与 64 卦映射、简解数据。
验证与测试
- 功能验证:
- 经过 6 次抛掷后必得一卦;动爻反转后正确得到之卦;名称与上下卦匹配。
- 随机性:多次摇卦结果分布合理,无异常情况。
- 视觉验证:
- 动画流畅(目标为 60fps);桌面与阴影效果自然;停留位置无重叠。
- 兼容性:兼容桌面 Chrome/Edge 及主要安卓 / 苹果移动端浏览器。
后续可扩展功能
- 增加“手动定爻”和“单次抛掷模式”。
- 完整爻辞、彖辞、象传与占断建议,以及动爻多条时的选择提示。
- 历史记录与分享图片(包括日期和问卜事项)。
- 声音效果及更细腻的物理模拟(更真实的旋转与碰撞效果)。
请确认以上方案;确认后我将根据此结构创建页面与脚本,并接入您提供的铜钱图片,完成动画与卦象解读的实现。
基于该任务规划方案,我已经输出了完整源代码,具体执行界面如下:

整体情况如下:
- 第一次的输出效果一般,许多细节未能顾及,因此经过 3 到 4 次的迭代和优化,逐步调整。
- 抛投的随机动画效果表现得相当不错。
- 整体界面的美观程度尚可。
在相同的提示词下,我们让 iflow 与 Qwen 进行测试与验证,最终呈现的效果如下:

从上图中可以观察到,整个界面的易用性和美观性都有了显著提升,但三个铜钱抛投的随机动画效果不如 Solo 的表现。此外,卦象的文字解释也显得一般,未能体现变卦的核心概念。
接着,我又使用 Claude4.5 大模型进行了进一步的实验。基于之前的尝试,我对提示词进行了少量调整,具体内容如下:
请使用 html5 和 js 开发一个三个铜钱摇卦的小应用。项目目录下已有铜钱的正反面图片。点击开始可以看到三个铜钱抛起的动画效果,抛投过程随机且逼真。铜钱落地后会随机显示正反面,根据铜钱算卦的方法,提供对应的卦象及动爻解释。绘制卦象时,阳爻用红色底色,阴爻用黑色底色,阴爻之间的矩形间隔为 10px。界面需美观且易于使用,摇卦动画效果要真实,其他部分请自行完善。整个应用无需启动 http 服务器即可正常访问和使用。

最终,Claude 一次输出成功,效果完全令人满意。
综上所述,当前 AI 编程的竞争并不局限于 IDE 或 CLI 工具,核心依然在于底层大模型的能力。Trae 的下架对 Claude 大模型的影响显著。当然,从辩证的角度看,这也可能会加速我们自身编程大模型的研发进程。


能不能再加入一些调试功能?这样会更方便我们开发。