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

大家好,我是人月聊 IT,最近试用了 Trae Solo,下面是我的一些总结。

5. 输出速度较慢,整体性能表现一般,等待时间过长。在 Vibe Coding 模式下,如果开发效率和输出性能无法提升,建议谨慎使用。每次迭代和等待周期都显得过于冗长,不如将需求任务进行分解,并分阶段输出内容。
接下来,我们来看一下实际测试任务,目标是让 AI 帮我们制作一个能够摇卦的应用,使用三个铜钱。

具体提示内容如下:
请使用 html5 和 js 开发一个三个铜钱摇卦的应用。铜钱的正反面图片已放在当前项目目录中。点击开始可以看到三个铜钱抛起的动画效果,然后随机落地形成不同的正反面,基于铜钱算卦的预测法,给出对应的卦象和动爻,并解释该卦。界面应美观易用,动画效果逼真,其他细节请自行完善。
首先,Solo 进行任务规划,内容概述如下:
功能概述
技术方案
- 采用纯前端技术,使用 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 及主流安卓 / 苹果移动端浏览器。
后续可扩展功能
- 增加“手动定爻”和“单次抛掷模式”。
- 完善爻辞 / 彖辞 / 象传与占断建议,并提供多条动爻时的择用提示。
- 加入历史记录与分享图片功能(包含日期与问卜事项)。
- 声音效果与更细腻的物理模拟(更真实的旋转与碰撞)。
请确认以上方案;确认后我将根据此结构创建页面与脚本,并接入您提供的铜钱图片,完成动画与卦象解读。
基于该任务规划方案,输出了完整的源代码,具体执行界面如下:

总体来看,情况如下:
- 初次输出效果一般,许多细节未得到充分考虑,经过三到四轮的迭代优化之后有所改善。
- 抛投的随机动画效果令人满意。
- 整体界面的美观性还有待提高。
接着,我们使用相同的提示词对 iflow 和 Qwen 进行了测试与验证,最终的输出效果如下所示:

从上述图像中可以观察到,界面的易用性和美观性都有了显著提升。然而,三个铜钱的抛投随机动画效果不如 Solo 的表现,同时对卦象的文字解释也显得平淡,未能体现变卦的核心理念。
接下来,我又使用 Claude4.5 大模型进行了进一步的实验。基于之前的尝试,我对提示词进行了少许调整,具体内容如下:
请帮我使用 html5 和 js 开发一个小应用,功能是三个铜钱摇卦。铜钱的正反面图片已放在当前项目目录中。点击开始后,可以看到三个铜钱抛起的动画效果,动画呈现随机性且逼真。然后,铜钱会随机落下,正反面各异。基于铜钱的算卦方法,请给出对应的卦象,以及相应的动爻解释。此外,卦象绘制时,阳爻需用红色底色,阴爻则用黑色底色,阴爻为两个断开的矩形,中间间隔 10px。请注意界面的美观与易用性,确保摇卦的动画效果真实可信,其他部分可由你自行完善。整个应用应可在无需启动 http 服务器的情况下正常访问和使用。

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


虽然Trae Solo在任务规划上有所表现,但编程能力明显不如Claude4.5,未来是否会加强底层模型的优化?