Tools Hub（工具中枢平台）产品系统Vibe Coding

软件工程正从「人写代码」转向「自然语言描述目标、智能体落地」。

**痛点**

- 需求碎片化、迭代频繁
- 文档与代码易脱节、版本难追溯
- 传统 IDE / 脚手架只覆盖「写代码」，难串起创建 → 开发 → 测试 → QA → 封版 → 能力沉淀

**机会**

- AI Coding 与 Agent 调度成熟后，「一句话启动一次可交付迭代」成为可能
- 工作区隔离、按版本 Git 分支、代理访问构建产物、元数据与产品能力可注册
- 平台同时服务快速原型与前后端工程化，降低从想法到可运行版本的成本

**演进方向**

- 价值从「生成代码」升级为「沉淀可复用工程知识与业务能力目录」
- 适用：中小团队工具库、内部平台、教育实训、个人作品集
- 竞争焦点：编排稳定性、可观测性（日志 / 会话）、多语言工程支持，以及与文件、Git、代理、数据库等微服务的深度集成

以「工具」与「版本」为核心，支持用自然语言创建并持续迭代前后端项目。

**生命周期**

- 工具 / 多版本：创建、草稿工作区、封版与撤销、二次代理配置
- 异步智能体开发：生成开发指导文档，调度开发 / 修复 / QA，留存会话日志
- 测试反馈与 QA 闭环：可选智能体与历史会话，降低重复上下文消耗
- 笔记、操作能力与产品能力注册：从「解决什么业务问题」理解系统能力

**工作区与工程配套**

- 源码浏览编辑；Markdown / JSON Tree 阅读；SVG 编辑与渲染；Git 状态与变更历史
- 创建工具 / 版本：需求便利套件、树形步骤导航、验收标准写入迭代文档
- 列表与详情：版本号、封版状态、迭代内容摘要；封版前引导提交未提交变更
- 中英国际化（默认英文）、暗色主题、表结构元数据与版本脚本、代理与本地文件 / 命令执行对接

**我负责的任务**

- 前端工程与业务编排：React + TypeScript + Vite 多页面控制台
- UI 与双语：Ant Design、i18next
- 对接 Model Data Server 及 AI、代理、本地文件、命令执行、Markdown Reader、Local Git 等微服务
- 打通：创建版本 → 工作区初始化 → 智能体调度 → 按版本前缀访问构建产物
- 维护开发指导 / 迭代模板、产品能力与表结构注册脚本、版本分支与构建规范

**技术栈与架构**

- 前端：React 19、TypeScript、Vite、Ant Design、React Router、i18next
- 数据与能力：HTTP 对接本地微服务；业务数据与智能体日志入元数据库
- 模型：前端控制台 + 按工具版本隔离工作区 + 统一代理前缀访问 `dist`
- 会话：按 `logType` / `sessionId` 续接

**难点与亮点**

1. 代理 / 直接访问下动态推断路由 basename，避免空白页
2. 异步开发、测试反馈、QA 多场景会话与日志聚合，保证续接与 Markdown 日志可读
3. 封版与未提交引导、便利套件「按需引用」，避免智能体误实施无关套件
4. 国际化 / 主题持久化，以及复杂表单下仍保持可操作的信息密度

**前期构建方式**
mindmap(https://www.proginn.com/w/1583968)+cursor by vibe coding
**后期构建方式**
自己构建自己