TypeScript-фреймворк для создания AI-агентов и приложений на базе LLM с workflows, инструментами, памятью, MCP-серверами и evals.
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
Создайте файл .env.local с настройками базы данных и аутентификации
- 2
Установите зависимости
pnpm install - 3
Запустите миграции базы данных
pnpm db:push - 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.
AutoGPT — платформа с открытым исходным кодом для создания, запуска и планирования AI-агентов, выполняющих многоэтапные рабочие процессы по текстовому описанию или с помощью визуального конструктора.
Sim — совместная рабочая среда для создания, развёртывания и мониторинга AI-агентов и рабочих процессов с более чем 270 интеграциями и поддержкой ведущих LLM.
Фреймворк на Python и TypeScript для создания мультиагентных ИИ-систем с LLM-бэкендами, инструментами, памятью, RAG и workflow.
Платформа fair-code для автоматизации рабочих процессов и создания AI-агентов: визуальный редактор, пользовательский код и более 1500 интеграций.