sequence-flow-experiment-with-desktop-commander

完全由 AI 生成的 Flutter 应用，使用 MCP 服务器 desktop-commander 和 sequential-thinking，基于 Claude Desktop 3.7 Sonnet

序列流程 - HTN 规划系统

一个用于可视化和管理分层任务网络 (HTN) 的 Flutter 应用程序。

概述

序列流程是一个交互式的 HTN 规划系统，使用户能够通过引导式 AI 对话来建模复杂的规划问题。它提供规划任务的视觉表示，将其显示为有向图，并支持子图的分层压缩，以管理复杂性，同时保留跨边界引用。

主要特性

• 交互式建模: 用于复杂规划问题的引导式 AI 对话
• 有向图可视化: 将规划任务显示为具有复杂依赖关系的有向图
• 分层压缩: 压缩子图以管理复杂性，同时保留引用
• 三栏界面: AI 聊天、交互式图表和分层任务列表
• 迭代问题解决: 基于当前规划状态的动态问题选择
• 外部持久化: 防止因 LLM 上下文限制导致的数据丢失

项目结构

sequence_flow/
├── lib/
│   ├── behaviors/      # 实现 HTN 规划行为
│   ├── models/         # 应用程序的数据模型
│   │   └── entities/   # 核心实体定义
│   ├── screens/        # 应用程序屏幕
│   ├── services/        # 外部服务集成
│   ├── utils/          # 实用函数和助手
│   └── widgets/        # 可重用的 UI 组件
├── assets/             # 静态资源（图标、图像）
└── test/               # 单元和 widget 测试

入门指南

前提条件

• Flutter (>= 3.6.1)
• Dart (>= 3.6.0)
• 一个 IDE (VS Code, Android Studio, 或 IntelliJ)

安装

1. 克隆仓库:

   git clone https://github.com/yourusername/sequence_flow.git
   cd sequence_flow
   

2. 安装依赖:

   flutter pub get
   

3. 运行应用:

   flutter run
   

核心组件

实体

• Task: HTN 规划的基本构建块
• Method: 定义分解复合任务的方法
• TaskDecomposition: 任务之间的分层关系
• TaskDependency: 任务之间的非分层依赖关系
• CrossBoundaryReference: 跨越压缩子图边界的引用
• WorldState: 规划期间世界状态的表示
• Plan: 规划问题的解决方案
• Conversation: AI 引导的规划对话

行为

• HierarchicalCompression: 管理子图的压缩/展开
• AIGuidedPlanning: 控制 AI 驱动的规划对话
• GraphStateManagement: 管理图状态的持久性和历史记录

用户界面

• ThreeColumnLayout: 具有三个面板的主应用程序布局
• AIChat: 用于与 AI 对话的左侧栏
• DirectedGraph: 用于图可视化的中间栏
• TaskList: 用于分层任务视图的右侧栏

开发

代码风格

本项目遵循官方 Dart 风格指南 并使用推荐的 Flutter lints。

构建

构建用于 Web 部署:

flutter build web

致谢

• 本项目基于用于复杂领域建模的 HTN 规划技术
• UI/UX 设计灵感来自现代图可视化工具