sequence-flow-experiment-with-desktop-commander

sequence-flow-experiment-with-desktop-commander

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

Sequence Flow - HTN Planning System

用于可视化和管理分层任务网络（HTN）的 Flutter 应用。

概述

Sequence Flow 是一个交互式 HTN 规划系统，用户可以通过引导式 AI 对话对复杂规划问题建模。它以有向图的形式直观展示规划任务，并支持对层级子图进行压缩，以便管理复杂性，同时保留跨边界引用。

主要功能

• 交互式建模：通过引导式 AI 对话处理复杂规划问题
• 有向图可视化：以有向图的形式展示规划任务及其复杂依赖关系
• 层级压缩：压缩子图以管理复杂性，同时保留引用
• 三列界面：包含 AI 聊天、交互式图表和层级任务列表
• 迭代式问题求解：根据当前规划状态动态选择问题
• 外部持久化：防止因 LLM 上下文限制而丢失数据

项目结构

sequence_flow/
├── lib/
│   ├── behaviors/      # Implements HTN planning behaviors
│   ├── models/         # Data models for the application
│   │   └── entities/   # Core entity definitions
│   ├── screens/        # Application screens
│   ├── services/       # External service integrations
│   ├── utils/          # Utility functions and helpers
│   └── widgets/        # Reusable UI components
├── assets/             # Static assets (icons, images)
└── test/               # Unit and widget tests

开始使用

先决条件

• 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 lint 规则。

构建

构建用于 Web 部署的应用：

flutter build web

致谢

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