Skip to Content
🚨 New Example: Handling Node Collisions!
UI组件模版

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.

Last updated on