AI 工作流编辑器
¥AI Workflow Editor
AI 工作流编辑器模板是一个 Next.js 模板,可帮助你快速上手 AI 工作流应用。它基于我们的 工作流编辑器模板、AI SDK 和 shadcn/ui 。
¥The AI Workflow Editor template is a Next.js template for getting started quickly with an AI workflow app. It’s based on our workflow editor template, AI SDK and shadcn/ui .
This is a Pro template. Get all pro examples, templates, 1:1 support from the xyflow team and prioritized Github issues with a React Flow Pro subscription.
技术堆栈
¥Tech Stack
-
React Flow UI:该项目使用 React Flow UI 来管理节点。这些组件旨在帮助你快速掌握项目。
¥React Flow UI: The project uses React Flow UI for the nodes. These components are designed to help you quickly get up to speed on projects.
-
shadcn CLI:该项目使用 shadcn CLI 来管理 UI 组件。此工具建立在 Tailwind CSS 和 shadcn/ui 组件之上,可轻松添加和自定义 UI 元素。
¥shadcn CLI: The project uses shadcn CLI to manage UI components. This tool builds on top of Tailwind CSS and shadcn/ui components, making it easy to add and customize UI elements.
-
AI SDK:该模板使用 AI SDK 在工作流编辑器中提供 AI 驱动的功能。
¥AI SDK: The template uses AI SDK to provide AI-powered features within the workflow editor.
-
使用 Zustand 进行状态管理:AI 工作流编辑器模板使用 Zustand 进行状态管理,提供了一种简单高效的方式来管理节点、边和其他工作流相关数据的状态。
¥State Management with Zustand: The AI workflow editor template uses Zustand for state management, providing a simple and efficient way to manage the state of nodes, edges, and other workflow-related data.