type
Post
status
Published
date
Dec 22, 2025
slug
ai-monitor-dashboard
summary
基于React+Vite+Zustand+ECharts等前端技术栈的开发系统监控面板。
tags
健康
工具
开发
推荐
category
技术分享
icon
password
由笔试改编，为了避免不必要的麻烦，该项目闭源。
有些地方仍存在不足和瑕疵，后续有时间会完善。
写在前面
- 项目简介：使用Roo Code接入GLM-4.6模型，借助AI Coding完成一套深色主题系统监控Web面板。
- 模型接入成功后就比较容易，主要借助ChatGPT和Gemini 3 Pro生成prompt，再将prompt输入GLM-4.6，执行生成TODO和相关文件。
- 大概花费6小时，最后完成以下4项交付物：【1个代码压缩包】+【README.md】+【Development_Process_Log.md】+【Run_Guide.md】.
- 该项目可在线运行，想预览看下效果的同学可以与我联系。
- GLM-4.6模型的AI-assisted software development pipeline：
阶段 | 使用模式 | 目标 |
全局设计 | architect | 架构、模块、数据流、技术选型 |
任务拆解 | orchestrator | 拆成可执行步骤（人 + AI） |
功能实现 | code | 组件、逻辑、样式 |
联调修复 | debug | 报错、状态问题、性能问题 |
README
Run_Guide
Development_Process_Log
链接失效或有疑问请随时联系我，感谢。
- 作者:Jupyter Mou
- 链接:http://jupytermou.com/article/ai-monitor-dashboard
- 声明:本文采用 CC BY-NC-SA 4.0 许可协议，转载请注明出处。
相关文章
