ThinkFlow AI

1周前更新 18 00

ThinkFlow AI 是一款基于 Vue 3 和 VueFlow 构建的次世代、本地优先(Local-first)AI 驱动思维导图工具。它不仅仅是一个绘图软件,更是一个能够与你共同思考的“脑力增幅器”。通过将 LLM(大语言模型)的发散性能力与结构化可视化相结合,ThinkFlow AI 能将模糊的想法迅速转化为清晰、深度的知识体系...

所在地:
中国
收录时间:
2026-01-23
其他站点:
ThinkFlow AIThinkFlow AI

传统思维导图工具要求你手动输入每个节点——在灵感涌现时,这种操作反而成了负担。而纯文本 AI 聊天又缺乏结构,难以形成系统性认知。

ThinkFlow AI 试图弥合这一鸿沟:它是一个本地优先、AI 驱动的结构化思考工具,能将模糊的想法自动转化为有逻辑、可追溯、可视觉化的知识网络。

ThinkFlow AI

更重要的是:所有配置和数据默认保存在本地浏览器中,不依赖特定云服务

核心理念:让 AI 理解“你为什么这么想”

大多数 AI 工具只看当前输入,但 ThinkFlow AI 为每个节点保留了从根节点到当前点的完整路径上下文。这意味着:

  • 当你对“机器学习”下的“过拟合”节点追问“如何解决?”,AI 不仅知道你在问“过拟合”,还知道你是在“机器学习 → 模型评估 → 过拟合”这一逻辑链下提问。
  • 因此,它能生成更精准、更连贯的后续分支,而非泛泛而谈。

这种“路径感知”机制,让 AI 从“回答者”升级为“共同思考者”。

主要功能

1. 智能扩展系统

  • 一键发散:输入核心概念(如“气候变化”),AI 自动生成多级子节点
  • 路径追问:点击任意节点,可继续深入(如“影响?”“解决方案?”),AI 基于上下文推理
  • 子树折叠:支持大规模图谱的局部收起,保持画布整洁

2. 内容深挖与多模态呈现

  • 深度回答(Deep Dive):为节点生成 300–500 字的专业解析,支持 Markdown 格式(公式、列表、引用等)
  • AI 生图:调用 CogView 或 DALL·E 为节点生成配图,强化视觉联想
  • 全局摘要:自动分析整张图谱,提炼核心结论与逻辑主线

3. 画布交互与导出

  • 智能布局:基于子树高度动态计算位置,减少节点重叠
  • 联动拖拽:移动父节点时,子节点保持相对位置同步移动
  • 结构化导出:支持导出为 Markdown,完整保留层级与深度内容,便于归档或分享

技术架构与隐私设计

  • 前端:Vue 3 + Composition API + Vite 5 + TypeScript
  • 画布引擎@vue-flow/core(高性能、可定制的流程图库)
  • 样式:Tailwind CSS + Lucide Icons
  • 本地优先:所有设置、API 密钥、图谱结构均存储于浏览器 localStorage 或 IndexedDB
  • 模型自由:支持任何 OpenAI 兼容接口(如 Ollama、DeepSeek、智谱、Moonshot 等)

项目不绑定任何商业平台,你完全掌控自己的数据和 AI 后端。

快速开始与私有部署

开箱即用(演示模式)

项目提供公共演示接口(通过 Cloudflare Workers 转发,后端为智谱 GLM-4-Flash 和 CogView-3-Flash),适合快速体验。

⚠️ 注意:公共接口有调用频率限制,可能临时不可用。

私有化部署(推荐)

若用于长期使用或团队协作,建议配置私有 API:

  1. 修改 API 配置
    编辑 src/services/config.ts,填入你的 LLM 和图像生成服务地址:

    export const DEFAULT_CONFIG = {
      chat: {
        baseUrl: 'https://your-api.com/v1/chat/completions',
        model: 'gpt-4o',
        apiKey: '' // 可选
      },
      image: {
        baseUrl: 'https://your-api.com/v1/images/generations',
        model: 'dall-e-3',
        apiKey: ''
      }
    }
    
  2. 处理跨域(如需)
    在 vite.config.ts 中配置代理:

    server: {
      proxy: {
        '/api': {
          target: 'https://your-api.com/v1',
          changeOrigin: true,
          rewrite: path => path.replace(/^\/api/, '')
        }
      }
    }
    

    然后将 baseUrl 改为 /api/chat/completions 即可。

  3. 构建生产版本
    npm run build
    

适合谁使用?

  • 研究者/学生:快速梳理文献、构建知识框架
  • 产品经理/设计师:从模糊需求生成结构化方案
  • 开发者:探索技术选型、记录架构决策
  • 隐私敏感用户:拒绝云端存储,坚持本地数据控制

数据统计

相关导航

暂无评论

none
暂无评论...