Repolode
vercel-labs

vercel-labs/workflow-builder-template

Шаблон Next.js для самостоятельного развёртывания платформы визуальной автоматизации AI-процессов с узлами drag-and-drop и генерацией кода на TypeScript.

Open source альтернатива:Zapier

Звёзды
1,238
Форки
239
Открытые issues
36
Последний коммит
4 дня назад

Что это?

Шаблон служит отправной точкой для создания платформы автоматизации процессов на базе AI. Пользователи собирают процессы на холсте с поддержкой drag-and-drop, созданном с помощью React Flow, и связывают узлы-триггеры — вебхуки, расписания, ручной запуск и события базы данных — с узлами-действиями для таких сервисов, как Resend, Slack, Linear, GitHub, Stripe и Firecrawl.

Процессы можно запускать во встроенном интерфейсе; история запусков и логи каждого узла сохраняются. Процесс также можно экспортировать в виде исполняемого кода TypeScript с директивой "use workflow", а черновики процессов можно генерировать по запросам на естественном языке с помощью OpenAI. В качестве движка выполнения проект использует Workflow DevKit.

В стек входят Next.js 16, React 19, shadcn/ui, Drizzle ORM с PostgreSQL и Better Auth для аутентификации. Проект можно развернуть в Vercel одним нажатием; при этом Neon Postgres автоматически создаёт базу данных.

Ключевые возможности

  • 01Визуальный редактор процессов с поддержкой drag-and-drop на базе React Flow
  • 02Готовые узлы-действия для Resend, Slack, Linear, GitHub, Stripe и других сервисов
  • 03Экспорт процессов в виде исполняемого кода TypeScript с директивой "use workflow"
  • 04Генерация процессов по запросам на естественном языке с помощью OpenAI
  • 05История запусков и подробные логи для каждого узла

Сценарии использования

  • Создание прототипов внутренних автоматизаций, которые отправляют письма или создают тикеты в ответ на события
  • Создание собственной платформы для сборки процессов как отправной точки для продукта
  • Преобразование визуально спроектированных процессов в код TypeScript для дальнейшей настройки

Быстрый старт

  1. 1

    Создайте файл .env.local с настройками базы данных и аутентификации

  2. 2

    Установите зависимости

    pnpm install
  3. 3

    Запустите миграции базы данных

    pnpm db:push
  4. 4

    Запустите сервер разработки

    pnpm dev

Что важно знать

  • Вам необходимо самостоятельно предоставить базу данных PostgreSQL.
  • Для генерации рабочих процессов с помощью ИИ требуется AI Gateway или ключ API OpenAI.
  • Для многих интеграций нужны отдельные учетные записи сторонних сервисов и ключи API.

В подборках

Темы

Частые вопросы

Что такое workflow-builder-template?
Шаблон Next.js для самостоятельного развёртывания платформы визуальной автоматизации AI-процессов с узлами drag-and-drop и генерацией кода на TypeScript. Шаблон служит отправной точкой для создания платформы автоматизации процессов на базе AI. Пользователи собирают процессы на холсте с поддержкой drag-and-drop, созданном с помощью React Flow, и связывают узлы-триггеры — вебхуки, расписания, ручной запуск и события базы данных — с узлами-действиями для таких сервисов, как Resend, Slack, Linear, GitHub, Stripe и Firecrawl.
workflow-builder-template можно использовать бесплатно? Какая у него лицензия?
workflow-builder-template распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.
workflow-builder-template всё ещё поддерживается?
Активно поддерживается. Последний коммит в workflow-builder-template — 3 нояб. 2026 г..
Для чего можно использовать workflow-builder-template?
Создание прототипов внутренних автоматизаций, которые отправляют письма или создают тикеты в ответ на события Создание собственной платформы для сборки процессов как отправной точки для продукта Преобразование визуально спроектированных процессов в код TypeScript для дальнейшей настройки
Как установить workflow-builder-template?
Создайте файл .env.local с настройками базы данных и аутентификации Установите зависимости: pnpm install Запустите миграции базы данных: pnpm db:push Запустите сервер разработки: pnpm dev
Где скачать workflow-builder-template?
Исходный код и инструкции по установке — на GitHub: https://github.com/vercel-labs/workflow-builder-template

Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.

Похожие проекты

MCP-сервер предоставляет AI-ассистентам, например Claude и Cursor, документацию, свойства и операции узлов n8n, чтобы они могли создавать и проверять workflow.

23,2 тыс.+48 за неделю3,7 тыс.TypeScriptMITАктивно поддерживаетсяОбновлён 5 часов назад

AutoGPT — платформа с открытым исходным кодом для создания, запуска и планирования AI-агентов, выполняющих многоэтапные рабочие процессы по текстовому описанию или с помощью визуального конструктора.

187,9 тыс.+86 за неделю45,9 тыс.PythonOtherОбновлён 5 часов назад

Sim — совместная рабочая среда для создания, развёртывания и мониторинга AI-агентов и рабочих процессов с более чем 270 интеграциями и поддержкой ведущих LLM.

30,1 тыс.+116 за неделю3,9 тыс.TypeScriptApache-2.0Обновлён 4 часа назад

Платформа fair-code для автоматизации рабочих процессов и создания AI-агентов: визуальный редактор, пользовательский код и более 1500 интеграций.

209,8 тыс.+560 за неделю61,4 тыс.TypeScriptOtherАктивно поддерживаетсяОбновлён 6 часов назад