AdamJBurns/workflows

项目介绍

Workflows 是一个自动化规则编辑器的前端原型。画布支持平移、缩放和拖动步骤，连接线会随步骤移动自动改道。每个步骤可以用 + 继续延伸，也可以把条件拆成按角色区分的分支、把步骤限制给特定角色，并为步骤配置一个有序的动作列表。Slack、Asana、Mailchimp、Zapier、Spotify 可以拖到画布上生成步骤，也可以拖进步骤的 Add action 区域添加动作。所有编辑都可撤销，会破坏流程的删除操作会被拒绝并说明原因。

自动化模型位于 lib/flow，是不依赖 React 的纯数据和纯函数；每次编辑返回新文档，撤销和重做就是快照历史。项目使用 Next.js、React、TypeScript、Tailwind CSS 和 Motion 构建，并支持减少动态效果和纯键盘操作。

快速使用

需要 Node.js 20.9 或更高版本。安装依赖并启动开发服务器：

npm install
npm run dev

然后打开 http://localhost:3000。也可以直接访问在线演示。

其他脚本包括 npm run build（生产构建）、npm run start（运行生产构建）、npm run lint（ESLint）、npm run format / npm run format:check（Prettier）。快捷键覆盖选择/平移工具、按住空格平移、方向键微调步骤、删除、撤销/重做以及 Ctrl+滚轮缩放；macOS 上用 ⌘ 代替 Ctrl。完整快捷键表见 README。

使用约束

这是前端原型：所有改动只存在浏览器里，刷新后会重置。目前只实现了 Automations 一个界面，其他导航项、Ask AI、Invite、通知、New project、账户菜单、每个步骤的 ⋯ 菜单以及 Learn more 链接都还是占位。项目采用 MIT 许可证。关联应用的 Logo 从 Dashboard Icons 加载，版权归各自所有者。

HotRepo 点评

项目在 2026-11-15 进入 HotRepo 新项目榜，约 22 小时内新增 103 星和 12 个 Fork，目前只有一条快照记录。这说明它处于关注度的早期阶段，现有数据不足以判断趋势。技术资料能支持的是一个范围明确的原型：画布和编辑模型可用，不少界面元素仍是占位，也没有持久化。适合作为工作流编辑器的参考实现或起点，而不是成品自动化产品。

相关链接

• 在线演示
• 预览图
• MIT 许可证