
嘿,大家好,我是人月聊IT。最近试用了Trae Solo,给大家分享一下我的一些初步体验。
- 先说说Plan模式,这个功能可以帮助你分析需求和制定任务计划。你还可以在规划后对任务进行调整和优化,完成之后再进行开发。其实,很多CLI和IDE工具都有类似的功能,比如ClaudeCode、iFlow和CodeBuddy等等。
- 至于编程能力嘛,Solo的表现一般,感觉比Claude4.5稍微逊色,和Qwen差不多,甚至有点弱于Qwen。
- 静默模式挺不错的,你可以在写完代码后跟着它,自己打开浏览器进行调试,基本上完成的内容都能顺利运行。
- 不过它的输出质量一般,最终结果在细节处理上还有待提高。
- 其实,影响AI编程工具最重要的并不是Plan模式或Thinking模式,而是它底层大模型的能力。

还有,输出速度也不算快,性能整体一般,等待时间挺长的。在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与主流安卓/苹果移动端浏览器。
后续可扩展
- 增加“手动定爻”和“单次抛掷模式”。
- 完整爻辞/彖辞/象传与占断建议,动爻多条时的选择提示。
- 历史记录及分享图片(包含日期与问卜事项)。
- 声音效果与更细腻的物理模拟(更真实的旋转与碰撞)。
请确认以上方案;确认后我将按照这个结构创建页面与脚本,并接入你提供的铜钱图片,完成动画和卦象解读。
基于这个任务规划方案,输出了完整的源代码,具体的执行界面如下:

总体来说就是这样:
铜钱摇卦小应用的开发历程分享
- 第一次的输出效果一般,很多细节没能顾及到,经过三到四次的优化和调整后才有所改善。
- 抛投时的随机动画效果挺不错的。
- 整体界面的美观程度还可以再提升。
接着,我们使用相同的提示词,让iflow和Qwen进行测试。最终的效果如下:

从上面的图片来看,界面的易用性和美观性都有了显著提升,但是三个铜钱抛投的随机动画效果比起Solo的版本还是略逊一筹。此外,对于卦象的文字解释也显得一般,没有很好地体现变卦的核心理念。
最后,我们又用Claude4.5这个大模型进行了一次实验。基于之前的尝试,我对提示词进行了少量调整,具体内容如下:
帮我用html5+js来开发一个三个铜钱摇卦的小应用。铜钱的正反两面图片已放在当前项目目录里。点击开始后,可以看到三个铜钱抛起来的动画效果,这个动画要有随机性,并且表现得逼真。然后铜钱会随机落在桌面上,形成不同的正反面。接下来,你需要根据铜钱算卦的预测法,给出具体对应的卦象,以及动爻的情况,并对该卦进行解释。卦的绘制时阳爻用红色底色,阴爻用黑色底色,阴爻则是两个断开的矩形,中间间隔10px。注意界面的美观和易用性,摇卦的动画效果要逼真,其他的你可以自己完善。整个应用不需要启动http server就能正常访问和使用。

最终,ClaudeClode这次输出成功了,整体效果非常满意。
总结一下,当前AI编程的竞争并不在于IDE或CLI工具,最核心的还是底层大模型的能力。Trae下架Claude大模型后,对行业的影响非常大。不过,换个角度看,这也可能会加速我们自己编程大模型的研发进程。










