Repolode
vercel-labs

vercel-labs/fx0

Опенсорсный дизайн-агент на базе библиотеки агентов libfx: создает целую веб-страницу в одном HTML-файле по текстовому описанию.

Звёзды
121
Форки
24
Открытые issues
2
Последний коммит
8 часов назад

Что это?

fx0 — дизайн-агент: опишите страницу в чате, и агент создаст ее в виде одного HTML-файла с живым предпросмотром и историей версий дизайна, которые можно открыть повторно, скопировать или скачать. Можно выбрать один из десяти стилей design.md или загрузить собственный, а также указать модель для каждого чата.

fx0 также служит примером приложения на базе libfx — библиотеки, на которой он построен. Цикл работы агента, потоковая передача данных, вызовы инструментов, повторные попытки и надежное хранение сессий настраиваются одним вызовом createFxAgent(), а каждый субагент запускается через createFxEngine(). Если функция завершится с ошибкой посреди ответа, чат не потеряется: каждый ход сохраняется пошагово и возобновляется через Vercel Queues.

Для проекта нужны Node.js 24, приложение Sign in with Vercel, база данных Neon Postgres и база данных Upstash Redis. Сгенерированные страницы запускаются в изолированном iframe, где Content Security Policy блокирует сетевые запросы.

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

  • 01Создает целую страницу в одном HTML-файле по текстовому описанию
  • 02Сохраняет все версии дизайна, чтобы их можно было открыть повторно, скопировать или скачать
  • 03Позволяет выбирать модель, уровень усилий на рассуждение и быстрый режим для каждого чата
  • 04Может искать информацию в интернете и загружать веб-страницы для справки
  • 05Возобновляет ход с последнего сохраненного шага, если серверная функция аварийно завершилась
  • 06Поддерживает десять встроенных стилей design.md и загрузку собственных

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

  • Создание прототипа лендинга или маркетинговой страницы по текстовому брифу
  • Генерация HTML-макета в одном файле, которым можно поделиться или который можно просмотреть
  • Изучение структуры приложения на базе агента libfx

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

  1. 1

    Попробуйте размещённое приложение на fx0.vercel.dev или клонируйте репозиторий

  2. 2

    Установите Node.js 24 и настройте приложение Sign in with Vercel, базу данных Neon Postgres и базу данных Upstash Redis

  3. 3

    Скопируйте `.env.example` в `.env.local` и заполните его

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

  • Для самостоятельного запуска нужны Node.js 24 и три внешних сервиса: Sign in with Vercel, Neon Postgres и Upstash Redis.
  • Durable turns зависят от инфраструктуры Vercel (Workflow, Queues и AI Gateway), поэтому для полной настройки требуется Vercel.

Темы

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

Что такое fx0?
Опенсорсный дизайн-агент на базе библиотеки агентов libfx: создает целую веб-страницу в одном HTML-файле по текстовому описанию. fx0 — дизайн-агент: опишите страницу в чате, и агент создаст ее в виде одного HTML-файла с живым предпросмотром и историей версий дизайна, которые можно открыть повторно, скопировать или скачать. Можно выбрать один из десяти стилей design.md или загрузить собственный, а также указать модель для каждого чата.
fx0 можно использовать бесплатно? Какая у него лицензия?
fx0 распространяется с открытым исходным кодом под лицензией Apache-2.0. Перед использованием в коммерческих продуктах проверьте условия лицензии.
fx0 всё ещё поддерживается?
Активно поддерживается. Последний коммит в fx0 — 19 окт. 2026 г..
Для чего можно использовать fx0?
Создание прототипа лендинга или маркетинговой страницы по текстовому брифу Генерация HTML-макета в одном файле, которым можно поделиться или который можно просмотреть Изучение структуры приложения на базе агента libfx
Как установить fx0?
Попробуйте размещённое приложение на fx0.vercel.dev или клонируйте репозиторий Установите Node.js 24 и настройте приложение Sign in with Vercel, базу данных Neon Postgres и базу данных Upstash Redis Скопируйте `.env.example` в `.env.local` и заполните его
Где скачать fx0?
Исходный код и инструкции по установке — на GitHub: https://github.com/vercel-labs/fx0

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

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

Агентный инструмент для разработки от Anthropic: работает в терминале, изучает кодовую базу и выполняет задачи по разработке и git-операции по запросам на естественном языке.

152,3 тыс.27,1 тыс.TypeScriptБез лицензииОбновлён вчера

Apache Maka (Incubating) — рабочее пространство для агентов с интерфейсами Desktop, TUI и CLI, которое записывает каждое сообщение модели, вызов инструмента и решение о разрешении в журнал событий только для добавления.

5,9 тыс.559TypeScriptApache-2.0Обновлён 20 часов назад