[Code with SOLO] 遇事不决?求签问挂。用 SOLO 搭建一个周易数字卦占卜 Web 应用


1. 摘要:

使用 TRAE SOLO 完成了一个完整的周易数字卦占卜应用,包含前端界面、后端 API 和大模型集成。用户可以输入问题和三组数字,系统自动计算本卦、变卦,并调用 DeepSeek 大模型生成专业解读。


2. 背景:

我是一名开发者,对传统文化中的占卜术很感兴趣,希望能够将传统易经占卜与现代 AI 技术相结合,创建一个易于使用的数字卦占卜工具,让更多人能够体验传统智慧与现代科技的融合。


3. 实践过程:

任务拆解:

  1. 需求分析与文档编写(PRD + 技术架构)
  2. 前端界面开发(React + Tailwind CSS)
  3. 占卜算法实现(先天八卦、变爻计算)
  4. 后端 API 开发(Express)
  5. 大模型集成(DeepSeek API)

SOLO 能力应用:

  • 代码生成:生成 React 组件、Express 路由、工具函数
  • 设计指导:UI 设计风格建议、色彩搭配
  • 算法实现:先天八卦算法、变爻计算逻辑
  • API 集成:DeepSeek 大模型接入

关键操作:

  1. 创建项目:使用 vite-init react-express-ts 模板初始化
  2. 编写占卜算法:实现数字转卦象、变爻翻转逻辑
  3. 设计 UI:采用紫色+金色神秘风格,卡片式布局
  4. 接入 DeepSeek:配置 API Key,编写提示词

踩坑记录:

  • Node.js 版本兼容性问题(v24 与 vite 的 rollup 包冲突)
  • 卦象计算逻辑需要仔细验证(上卦、下卦的位置关系)
  • 变爻翻转后的新卦计算容易出错

4. 成果展示:

项目结构:

ai 占卜/
├── src/
│   ├── components/HexagramDisplay.tsx  # 卦象展示组件
│   ├── pages/Home.tsx                  # 主页面
│   └── utils/divination.ts             # 占卜算法
├── api/
│   └── routes/divination.ts            # 后端API
└── .env                               # DeepSeek配置

核心功能:

  • 用户输入问题和三组数字(100-999)
  • 自动计算本卦和变卦,可视化展示
  • 调用 DeepSeek 大模型生成专业解读
  • 采用金字塔原理、现代汉语风格


5. 效果与总结:

提效效果:

  • 从零开始搭建完整应用,传统方式可能需要 1-2 天
  • 使用 SOLO 辅助开发,半天内完成核心功能
  • 提示词优化迭代多次,最终达到满意的解读效果

SOLO 价值:

  • 快速生成代码框架,减少重复劳动
  • 提供设计建议,提升视觉质量
  • 辅助调试和问题排查

复用方法:

  • 占卜算法可复用:calculateDivination() 函数
  • 大模型接入模式可复用:统一的 API 调用封装
  • UI 组件可复用:卦象可视化组件