Team Ai
Apppublic

duqing2026/conversational-workflow

sourceHugging Faceupdated 7mo agoView on Hugging Face
0likes
App README

对话式节点工作流编辑器 (Conversational Workflow Editor)

这是一个基于 React Flow 和 SiliconFlow (Qwen2.5-7B-Instruct) 的智能工作流编辑器。用户可以通过自然语言对话，让 AI 自动生成、修改和优化节点工作流。

✨ 核心功能

  • —🗣️ 对话生成：集成 Qwen2.5-7B-Instruct 免费模型，用自然语言描述需求，AI 自动生成流程图。
  • —🔄 智能修改：支持增量修改，例如“把处理节点改成红色”或“添加一个判断步骤”。
  • —📱 移动端适配：响应式设计，支持手机和平板操作。
  • —🎨 可视化编辑：基于 React Flow 的强大画布，支持拖拽、缩放和手动编辑。

🛠️ 技术栈

  • —前端：React 18, TypeScript, Vite
  • —UI：Tailwind CSS, Lucide React
  • —工作流：React Flow
  • —AI：OpenAI SDK (对接 SiliconFlow API)
  • —状态管理：Zustand

🚀 快速开始

1. 安装依赖

bash
pnpm install

2. 配置环境变量

复制 .env 文件并配置你的 SiliconFlow API Key：

env
VITE_SILICONFLOW_API_KEY=your_api_key_here
VITE_SILICONFLOW_BASE_URL=https://api.siliconflow.cn/v1

3. 启动开发服务器

bash
pnpm dev

🐳 Docker 部署

bash
# 构建镜像
docker build -t workflow-editor .

# 运行容器
docker run -p 8080:80 workflow-editor

然后访问 http://localhost:8080。

📝 许可证

MIT License