【Code With SOLO】我用 SOLO 做成了一款可交互的“诗词宇宙”

1. 摘要

大概六七年前我就有个想法:
“如果诗人不是写在纸上,而是挂在夜空里,会是什么样子?”

今天我终于用 TRAE SOLO 把这个念头做成了一个可运行的 Web 应用:星云是背景,诗人是恒星,诗词是会公转的钻石,关系是会生长的星座线。我还加入了手势模式:用户可以抬手“触摸”每一颗星星,用捏合、移动去靠近一首诗,像隔着时空和古代诗人打招呼。

2. 背景

我是开发者,平时做内容类项目最痛苦的不是“不会写代码”,而是创意很美,落地很碎
如今只靠 SOLO,把“诗词世界”做成一个能跑、能看、能交互的完整 Demo。

3. 实践过程

我先把任务拆成四步:

  • 第一步:先做“能跑起来”的骨架
    搭起 Vue3 + Three.js 的场景,先让星空、河道、星点动起来。
  • 第二步:把“诗词感”做出来
    给诗人加点亮反馈,给作品做成轨道钻石,给关系做成会生长的线。
  • 第三步:让用户“找得到”
    做裂缝式搜索,支持按诗人/作者/诗句检索,并把命中的诗人卡片排到最前。
  • 第四步:把体验打磨到“像作品”
    修了很多细节:标签密度、初始视角、卡片滚动、标题默认显示、光晕亮度、轨迹线可见性。

中间最容易踩坑的是:
“画面越炫越容易糊,信息越多越容易乱。”
我后来用 SOLO 一条条定向优化:一次只改一个问题,改完就构建验证,效果非常稳。

4. 成果展示

最终交付的是一个可运行、可构建、可演示的项目:

  • 首页:时间长河漫游 + 诗人点亮 + 关系线生长
  • 搜索:裂缝入口,检索后自动聚焦
  • 专属页:诗词钻石轨道、标题常显、光晕增强

拖拽漫游

5. 效果与总结

有创意,有想法,先用SOLO拆解,再逐步验证,再持续调优。

SOLO 在我流程里的价值很明确:

  • 把模糊创意快速变成可执行任务
  • 把传统开发多角色切换压缩成一条连续工作流
  • 把“灵感”变成“可演示的项目”
1 个赞

很好看的作品

1 个赞

https://hecode.top/ 可以点开看了

1 个赞

小红书发一发,这种的笔记流量都很好

1 个赞

SOLO开发的过程图发一下?方便给一下提示词不,我也想试试

就是把自己想要的效果和SOLO进行沟通,确定好实现内容和技术方案,多讨论几轮就能达到理想效果了

这个确实牛掰,后面的优化和设计应该花了不少功夫吧,起码比 trae 社区网站好看多了,哈哈哈哈哈

实现第一版很简单,就是后面优化费的时间多,调颜色,亮度,交互,增加手势操作,都比较费时间