AI架构师能力培养系统产品系统Vibe Coding

我要开发同款
Martin2026年07月30日
11阅读

技术信息

语言技术
VueTypeScript
系统类型
Web
行业分类
人工智能教育校园

作品详情

行业场景

教育数字化与大模型落地正加速融合。企业与个人对「可落地、可评估」的能力成长路径需求上升,传统课程堆砌难以解决「学什么、怎么学、是否学会」三道题。

AI 从答题助手演进为引导式导师:通过苏格拉底提问、项目语境、知识边界图等方式,降低纯理论学习的枯燥与抽象感。多学科学习场景扩展后,「架构师思维」(设计、规划、调度)成为跨行业通用能力。

云端微服务与前端工具化降低交付成本,个性化学习、岗位导向培养、问题牵引学习等产品形态具备持续迭代空间。中长期看,人机协作学习平台将在职业培训、高校补充教育、企业内部赋能中占据更重要位置。

功能介绍

本系统帮助用户设定能力目标,并由 AI 引导主动思考而非直接给答案。

主要能力包括:

- **老师角色**:按学科维护 AI 人设与模块话术
- **练习项目 / 问题牵引**:二选一作为学习语境
- **学习目标与子目标**:AI 拆解并跟踪进度;支持引导问答、百科、练习测评
- **岗位目标**:从招聘 JD 智能规划并关联项目、边界图与目标
- **知识边界图**:对话中持续扩展领域版图
- **知识拼图**:几何艺术拼图巩固知识关联
- **全局 AI 助手**:任意页面随时咨询(无固定学习上下文)
- **首页双模式**:场景引导与功能入口,偏好本地缓存
- **中英文双语**与暗色主题

项目实现

###构建方式
通过tools-hub平台vibe coding构建(https://www.proginn.com/w/1583582)

### 我负责的任务

- 前端整体架构与多版本迭代交付(Vue 3 + Vite)
- 学习主链路:目标拆解、引导对话、百科、练习与测评
- 岗位目标、问题牵引、知识边界图、知识拼图等扩展模块
- 对接 Model Data Server、AI Model API、长对话 iframe 组件
- 国际化、主题、首页场景引导与构建/代理访问配置

### 技术栈与架构

- **前端**:Vue 3、TypeScript、Vite、Ant Design Vue、Pinia、Vue Router、vue-i18n
- **分层**:views / components / api / stores / locales / constants / scripts
- **数据流**:统一请求层访问数据与 AI 微服务;脚本维护库表版本与提示词
- **部署**:按版本输出 `dist/v1.0.x`,固定 tools-hub 资源前缀,路由支持代理短路径

### 难点与亮点

- **难点**:多学习语境(项目 / 问题 / 岗位)统一抽象;百科增量合并保留收藏笔记;代理与直接访问下的 basename 兼容
- **亮点**:苏格拉底式引导降低回答门槛;场景化首页降低新手认知成本;工作流总览串联业务与 LLM 场景,便于理解与维护

示例图片

声明:本文仅代表作者观点,不代表本站立场。如果侵犯到您的合法权益,请联系我们删除侵权资源!如果遇到资源链接失效,请您通过评论或工单的方式通知管理员。未经允许,不得转载,本站所有资源文章禁止商业使用运营!
下载安装【程序员客栈】APP
实时对接需求、及时收发消息、丰富的开放项目需求、随时随地查看项目状态

评论