MindMap（思维导图工具）产品系统Vibe Coding

数字化办公与知识经济持续升温，个人与团队对结构化思考、信息沉淀与跨场景复用的需求不断增长。思维导图作为「想法可视化」的经典载体，正从传统桌面软件向云端、Web、多端协同演进，并与表格、手绘、AI 助手等能力深度融合。
教育培训、产品规划、项目管理、研究笔记等场景对轻量、可嵌入、可二次集成的导图工具需求旺盛。
随着大模型能力普及，节点级 AI 探讨、智能分组与样式生成将成为差异化卖点。开源与微服务化架构降低了企业将导图能力嵌入内部工具平台的成本。总体来看，面向知识工作者的可视化组织类产品市场空间稳定扩大，具备长期迭代与生态扩展价值。

本工具帮助用户以树状/网状结构组织想法与知识：支持多份思维导图的创建与管理；画布上拖拽节点、维护父子连线与层级，可将节点拖近目标节点通过「挂载触手」快捷建立关系，也可在连线上点击 × 直接解除关系。节点支持标题与内容编辑、样式与标签、复制（含表格配置）、收缩展开。
节点可启用表格输入（模板、搜索、导入导出、数据输出配置）与手绘；提供导图内搜索、根节点列表与分组管理；集成 AI 探讨、表格样式设计与智能分组。数据经 API 持久化，并支持导出分享。整体面向个人知识整理与轻量团队协作场景。

我主要负责 Web 前端工程的全链路实现与迭代：基于 React + TypeScript + Vite 搭建多页面前端工程；用 Konva 实现画布节点/连线渲染与拖拽交互；以 Zustand 管理导图、UI 与历史状态；通过 Axios 对接认证、CRUD 及模板/AI 等微服务；并完成构建发布、能力注册脚本与版本文档维护。
技术栈还包括 Ant Design、i18next、jsPDF 等。架构上采用「组件层 → Store → Services → 远端 API」分层，画布与业务状态解耦。
实现难点与亮点包括：拖动挂载触手与防成环的关系重建、连线解除后子树层级同步、表格模板与使用记录、节点复制范围控制，以及代理路径下的固定资源前缀与 source map 可调试构建。