frontman-ai/frontman

Что это?

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

• 01Выберите любой элемент работающего приложения и опишите нужное изменение.
• 02Редактирует исходные файлы, отвечающие за отображаемый интерфейс, и запускает hot reload.
• 03Использует актуальные DOM и вычисленные CSS-стили, дерево компонентов и source maps для контекста.
• 04Работает с Next.js (App Router и Pages Router), Astro и Vite (React, Vue, Svelte).
• 05Предоставляет dev-сервер AI-агенту как MCP-сервер.
• 06Поддерживает модель BYOK для нескольких провайдеров LLM.

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

• Дать дизайнерам и менеджерам продуктов возможность исправлять текст и отступы без IDE.
• Исправить ошибку интерфейса на конкретной внутренней странице, выбрав проблемный элемент.
• Внести изменения в текст или вёрстку во всём приложении и проверить diff перед слиянием.
• Предоставить AI-ассистенту специфичный для фронтенда контекст помимо исходных файлов.

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

1. 1

   Установите Frontman в проект Next.js

   npx @frontman-ai/nextjs install
2. 2

   Переместите proxy.ts в src/, если в проекте используется src/

   mv proxy.ts src/proxy.ts
3. 3

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

   npm run dev
4. 4

   Откройте http://localhost:3000/frontman в браузере

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

• !Для использования функций редактирования с ИИ требуется платный API-ключ или BYOK API-ключ от поставщика LLM.
• !Официальный хостинг и упаковка для самостоятельного размещения всё ещё находятся в разработке.
• !Поддерживаются только некоторые фреймворки; Remix, Nuxt, SolidStart, Qwik и Phoenix LiveView пока не поддерживаются.
• !Используется раздельная лицензия (Apache 2.0 для библиотек, AGPL-3.0 для сервера), поэтому на сервер распространяются обязательства копилефта.

Темы

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

Что такое frontman?

Открытый AI-агент для работы с кодом в браузере: выберите элемент работающего приложения и попросите изменить исходный код. Frontman — AI-агент для работы с кодом, который опирается на запущенную страницу, а не только на исходные файлы. Вы выбираете элемент в локальном приложении, описываете нужное изменение обычным языком, а агент редактирует соответствующий исходный файл и обновляет страницу через hot reload. Чтобы определить, какой компонент отвечает за интерфейс, Frontman анализирует актуальные DOM и дерево компонентов, вычисленные CSS-стили, маршруты, source maps и логи сервера.

frontman можно использовать бесплатно? Какая у него лицензия?

frontman распространяется с открытым исходным кодом под лицензией Other. Перед использованием в коммерческих продуктах проверьте условия лицензии.

frontman всё ещё поддерживается?

Активно поддерживается. Последний коммит в frontman — 20 окт. 2026 г..

Для чего можно использовать frontman?

Дать дизайнерам и менеджерам продуктов возможность исправлять текст и отступы без IDE. Исправить ошибку интерфейса на конкретной внутренней странице, выбрав проблемный элемент. Внести изменения в текст или вёрстку во всём приложении и проверить diff перед слиянием. Предоставить AI-ассистенту специфичный для фронтенда контекст помимо исходных файлов.

Как установить frontman?

Установите Frontman в проект Next.js: npx @frontman-ai/nextjs install Переместите proxy.ts в src/, если в проекте используется src/: mv proxy.ts src/proxy.ts Запустите сервер разработки: npm run dev Откройте http://localhost:3000/frontman в браузере

Где скачать frontman?

Исходный код и инструкции по установке — на GitHub: https://github.com/frontman-ai/frontman