← 返回项目库

Tinyflow AI 工作流编排器

Tinyflow 是一个可嵌入 React、Vue、Svelte 与原生 HTML 的 AI 工作流可视化编排组件,本次交付提供中文本地预览。

中文 Svelte 演示展示开始节点、知识库、大模型和结束节点的可视化链路,并通过本地固定适配器展示模型选择、知识库选择、运行轨迹、数据检查和草稿保存。演示不连接真实模型、知识库、云端账号或其他外部服务。

真实界面

项目截图

共 6 张

工作流画布
运行预览
数据检查
使用说明
草稿已保存
示例已重置

Capabilities

核心功能

中文工作流编辑器外壳与本地预览边界披露
开始、知识库、大模型、结束四节点默认链路
节点拖拽、连接线、展开和参数面板
本地模型与知识库 provider 适配器示例
运行结果、执行轨迹和结构化数据检查
浏览器本地草稿保存与示例流程恢复

适用场景

在本地演示 AI 工作流从输入到回答的编排体验
评估知识库检索与模型节点的前端配置界面
以 Svelte、Vite 和 Web Component 源码为起点进行二次开发

适合谁

需要评估 AI 工作流编排交互、搭建本地原型或进行前端二次开发的开发者与小团队。

商业化思路

开源组件交付与二次开发服务;实际模型、知识库、后端执行器和生产部署由使用者按上游文档自行配置。

你会拿到什么

  • Tinyflow 上游源码与中文 Svelte 演示
  • 上游 LICENSE、README、构建证据和真实浏览器截图证据

部署流程

  1. 1安装 Node.js 与 pnpm 依赖并执行 pnpm install --frozen-lockfile
  2. 2执行 pnpm --filter @tinyflow-ai/demo-svelte build
  3. 3将 demos/svelte/dist 交给任意静态文件服务器

真实验证结果

已通过 6 个真实运行中文界面、HTTP、可见正文、控制台、坏图和横向溢出质量门。

部署前须知

本次交付只证明本地中文前端、构建和交互预览;真实模型调用、知识库服务、后端工作流执行、账号与云端部署需要另行配置和验证。

部署难度

简单

最低配置

构建阶段需要 Node.js、pnpm 与 Vite;构建完成后可使用任意静态文件服务器提供中文本地预览。

开源许可证

LGPL-3.0-or-later

最后验证

2026-09-04

技术栈

Svelte 5ViteWeb ComponentXYFlow

授权说明

交付包保留上游 LICENSE、版权和来源信息;修改与再分发需遵循 LGPL-3.0-or-later 的许可、通知和相应源代码提供要求。

Release notes

版本记录

1 个已发布版本

vcn-1e1e057aabeb 当前推荐

补齐中文本地预览壳层、真实四节点示例链路、本地 provider 适配器和六个可执行交互证据状态。

部署要求:Node.js、pnpm 与静态文件服务器;本地预览不需要外部模型、知识库或账号凭据。

已知问题:演示运行轨迹和结果为固定本地数据,不代表外部 AI 服务或生产执行器已经接通。

登录后领取