Tinyflow 的设计理念是“简单、灵活、无侵入性”。
它不是要取代现有的业务系统，而是要成为这些系统的“智能大脑”，让 AI 与业务紧密结合，发挥最大价值。
二、技术特点
极轻量级
Tinyflow 专注于核心问题，代码库轻量，学习成本低，但功能强大，无论是简单的任务编排还是复杂的多模态推理都能轻松应对。
高度自由
Tinyflow 不会强迫你改变现有的技术栈，无论是前端开发者、后端工程师还是数据科学家，都可以在自己的领域找到切入点。
面向未来
Tinyflow 的架构是模块化的，支持插件机制，可以随着业务需求不断扩展，随时添加新功能。
开发者友好
API 设计直观易懂，文档清晰，提供丰富示例代码，即使是新手也能快速上手。
三、技术实现
前端集成
基于 Web Component 开发，支持所有前端框架（如 Vue、React 等），不依赖任何 UI 样式框架，避免与现有 UI 冲突。
后端支持
支持 Java（JDK8 起步）、Node.js 和 Python 等多种编程语言，方便不同语言的后端集成。
四、使用场景
传统系统智能化改造：例如，将老旧订单管理系统（OMS）集成 Tinyflow，实现退货申请的 AI 自动审核与工单生成，全程无需数据外传。
复杂业务流程自动化：支持跨服务编排（如调用外部 API、执行 Shell 脚本）和动态决策流程，适用于金融风控、供应链管理等场景 。
多模态 AI 应用开发：结合 NLP、语音识别等模型，构建端到端的智能工作流（如客服工单自动分类、合同智能审核） 。
五、未来规划
目前 Tinyflow 已发布多个版本，未来计划：
增加更多内置组件，支持更多 AI 模型和企业服务节点。
提升后端执行感知能力，包括实时监控、性能统计、异常检测等。
推出国际化支持，筹备英文版文档和社区。
鼓励开发者贡献插件，共同打造繁荣生态。
六、Git 仓库
Tinyflow 是一个“小而美”的项目，它承载了对 AI 技术未来的思考。如果你对 Tinyflow 感兴趣，可以访问 Gitee 或 GitHub 仓库，或加入社区讨论。
Gitee：https://gitee.com/tinyflow-ai/tinyflow
GitHub：https://github.com/tinyflow-ai/tinyflow
1. 安装
通过 npm 安装：
npm install @tinyflow-ai/ui
2. 引入并初始化
在项目中引入 Tinyflow 并初始化：
import { Tinyflow } from '@tinyflow-ai/ui';import '@tinyflow-ai/ui/dist/index.css';// 初始化 Tinyflowconst tinyflow = new Tinyflow({element: '#app', // 挂载的目标元素（支持选择器字符串或 DOM 元素）data: {nodes: [{ id: '1', position: { x: 0, y: 0 }, data: { label: 'Start' } },{ id: '2', position: { x: 200, y: 0 }, data: { label: 'End' } }],edges: [{ id: 'e1-2', source: '1', target: '2' }]}});
3. HTML 结构
确保页面中有一个容器元素用于挂载流程图：
<div id="app" style="width: 800px; height: 600px; "></div>
示例代码
以下是一个完整的示例：
<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Tinyflow Quick Start</title><style>#app {width: 800px;height: 600px;border: 1px solid #ccc;}</style></head><body><div id="app"></div><script type="module">import { Tinyflow } from '@tinyflow-ai/ui';import '@tinyflow-ai/ui/dist/index.css';const tinyflow = new Tinyflow({element: '#app',data: {nodes: [{ id: '1', position: { x: 0, y: 0 }, data: { label: 'Start' } },{ id: '2', position: { x: 200, y: 0 }, data: { label: 'End' } }],edges: [{ id: 'e1-2', source: '1', target: '2' }]}});</script></body></html>
注意事项
确保目标容器有明确的宽高样式。
如果需要自定义样式，可以覆盖默认的 tf-theme-light 类。
CDN 导入 Tinyflow
<link href="https://unpkg.com/@tinyflow-ai/ui/dist/index.css" rel="stylesheet"><script src="https://unpkg.com/@tinyflow-ai/ui/dist/index.umd.js"></script>
Tinyflow 在轻量化编排和 AI 集成领域具有独特优势，尤其适合需要快速迭代和业务兼容性的场景。其未来发展值得关注，特别是生态扩展与性能优化方向。
