目 录CONTENT

文章目录

从推演到复盘:Clotho UI决策系统如何解决AI黑盒结论难题


为大家整理分享各种开源项目、解决方案、开源工具、开源类库,为大家寻找靠谱的项目。

项目介绍

Clotho UI 是一个面向真实决策场景的前端系统,不是单纯“问一句给一个答案”的 AI 壳子,而是把“推演 -> 执行 -> 复盘”完整串起来。

这个项目的价值点在于:

  • 决策前,先做多阶段推演,把关键变量和风险拆开;
  • 决策后,回填真实结果,做偏差复盘,形成下一轮优化建议;
  • 管理端还能看审计、访问来源、IP 风险,适合产品化落地。

项目地址:https://gitee.com/tyro-ch/clotho-ui

后端地址:https://gitee.com/tyro-ch/clotho

技术栈:Vue 3、Vite、Pinia、Vue Router、ECharts、Spring Boot、MySQL、JWT、Dify 工作流。

项目架构

Clotho 的整体可拆成 5 层:

  • 交互层(Vue 3):认证页、决策面板、复盘弹窗、套餐与支付结果页、管理后台。
  • 决策引擎前端层:通过 DecisionEngineBoard 和流式组件承接分阶段推演过程,支持中途离开后继续查看。
  • 业务 API 层/decisions/admin/*/payments/* 等接口统一由前端请求封装处理。
  • 鉴权与会话层:JWT + Refresh Token,前端具备续期逻辑,减少长会话失效问题。
  • 运营治理层:后台可查看用户、行为日志、决策记录、IP 地图,支持停用/解除与 CSV 导出。

核心功能

  • 多阶段流式决策推演:把一次复杂选择拆成多个阶段逐步输出,价值是降低“黑盒结论”风险,适合职业/居住/财务等高不确定场景。
  • 结构化决策向导:通过标题、分类、选项、上下文、时间跨度等字段建模,价值是让输入更可计算,适合需要标准化流程的团队。
  • 风险与结果可视化:结果页包含概率、风险、建议等可视化内容,价值是让非技术用户也能快速读懂,适合业务评审和方案讨论。
  • 复盘引擎闭环:支持录入“真实结果 vs 预期”,自动沉淀偏差原因和下一步策略,价值是持续进化决策模型,适合长期决策习惯建设。
  • 命运卡牌分享能力:把关键结论生成卡片样式,价值是增强传播与复用,适合社群分享、内容沉淀与个人记录。
  • 管理后台治理能力:包含用户管理、行为审计、决策记录、IP 风险处理、导出报表,价值是可运营可审计,适合从 Demo 走向正式产品。
  • 支付与套餐链路:内置定价页与支付结果页,价值是直接接入商业化路径,适合想做订阅/增值服务的产品团队。
  • 前后端分离可二开:前端仓库和后端仓库解耦,价值是改造边界清晰,适合按业务模块逐步替换和扩展。

功能截图

Clotho UI界面插画,白发角色持笔书写,绿色调设计Clotho UI决策描述界面,含决策标题、类别与选项输入框Clotho UI界面展示公务员考试推演系统,含多个决策变量模块Clotho UI界面展示公务员备考决策推演流程Clotho UI界面展示四种偏见类型及其评分与修正策略

部署方式

建议按「先在线体验 -> 再本地跑通前后端 -> 最后接入自己的模型与支付配置」这条路径使用:

  1. 快速体验:先打开官方演示站体验完整流程,重点看“创建决策 -> 推演 -> 复盘”链路。
    演示地址:https://clotho.imutoj.cn

  2. 本地/服务端部署:按仓库文档分别启动 UI 与后端服务(后端在独立仓库)。

git clone https://gitee.com/tyro-ch/clotho-ui.git
git clone https://gitee.com/tyro-ch/clotho.git

# 启动前端
cd clotho-ui
pnpm install
pnpm dev

# 启动后端(示例)
cd ../clotho
mvn spring-boot:run
  1. 使用重点
  • 先把登录鉴权、决策创建、流式推演这条主链路跑通,再接复盘与管理端;
  • 先用默认流程验证可用性,再替换你自己的 Dify 工作流与业务 prompt;
  • 管理端优先接入审计与导出,确保上线后可追踪、可复盘。
  1. 上线建议:生产环境建议使用 Nginx + HTTPS + Spring Boot + MySQL,并开启日志审计、IP 风控、定时备份;依赖安装与启动参数以 README 为准。

总结

如果你在找的不是“AI 聊天页面”,而是一个能跑通业务闭环的决策系统前端,Clotho UI 值得重点看。

它把“可解释推演 + 结果复盘 + 后台治理 + 支付入口”放在同一套产品里,适合做 AI 决策类项目落地、课程毕设、SaaS 原型二开。

代码
https://gitee.com/tyro-ch/clotho-ui

0

评论区