Gravity AI UI MCP

Генератор интерфейсов, который превращает описание модели в проверенный React-компонент на библиотеке Gravity UI

  • 1 ★ репозитория
  • Последний коммит
  • Apache-2.0
MCP-сервер

Расширенный доступ

Почему такой уровень

  • Удаленный MCP-сервер отправляет запрос пользователя в OpenAI
  • Ответ модели рендерится только компонентами Gravity UI, без произвольного HTML
Все причины и проверки

astandrik/gravity-ai-ui

Установка

Работает в

В терминале, через SkillFoxx CLI

npx skillfoxx add mcp/gravity-ai-ui

Определит агенты на машине, покажет уровень доступа и зафиксирует версию.

Другие способы установки

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Удаленный MCP-сервер отправляет запрос пользователя в OpenAI
  • Ответ модели рендерится только компонентами Gravity UI, без произвольного HTML

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Приложение принимает запрос пользователя, просит модель OpenAI описать интерфейс в строгом структурированном формате A2UI и рендерит результат только доверенными компонентами Gravity UI: карточками, формами, таблицами, метриками, алертами и навигацией. Модель никогда не генерирует произвольный HTML или React напрямую, только описание данных, которое приложение превращает в компоненты само. Есть чат с историей, инспектор с вкладками превью, React-кода, A2UI и полезной нагрузки, а также копируемый React-код итогового интерфейса. Удачные варианты можно сохранить и повторно использовать как примеры для новых генераций.

Для кого. Для разработчиков, которые хотят быстро получить рабочий прототип интерфейса на Gravity UI из текстового описания.

Подходит, если

  • Нужен быстрый прототип экрана на компонентах Gravity UI по текстовому описанию
  • Нужен готовый React-код для дальнейшей доработки вручную
  • Нужен MCP-инструмент для поиска и генерации сохраненных примеров интерфейсов

Не подходит, если

  • Нужен готовый к продакшену интерфейс без ручной доработки
  • Нет ключа OpenAI: генерация интерфейсов работает только через него

Пример запроса к агенту

Сгенерируй карточку профиля пользователя с аватаром, метриками активности и кнопкой редактирования на компонентах Gravity UI

MCP

Транспорт
http
Авторизация
не нужна

Переменные окружения

OPENAI_API_KEY обязательная, секрет
Ключ OpenAI для генерации интерфейсов
YDB_CONNECTION_STRING секрет
Строка подключения к YDB для сохранения понравившихся интерфейсов

Ограничения

Генерация интерфейсов работает через OpenAI API и требует его ключа, российских LLM в проекте нет. YDB нужна только для сохранения понравившихся вариантов, без нее базовая генерация все равно работает. Это не MCP-сервер для управления облаком: удаленный MCP дает только поиск, получение, генерацию и доработку интерфейсов, а не операции с ресурсами Yandex Cloud.

Как отключить. Удалите MCP-коннектор gravity-ai-ui из настроек клиента или просто не используйте веб-приложение.

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

На каком провайдере работает генерация?

На OpenAI Responses API, свой ключ передается через переменную OPENAI_API_KEY при локальном запуске.

Можно ли получить готовый React-код?

Да, вкладка React в инспекторе и MCP-инструмент get_interface отдают копируемый код итогового компонента.

Обсуждение

Вопросов и отзывов пока нет.

MCP-серверы

dsh-generative-ui превращает ответ агента DeepSeek Harness в живой React-интерфейс: компонент рисуется, пока модель его печатает.

ПлагинШирокий доступ194Звезды репозитория

Плагин для DeepSeek Harness: агент пишет React-приложение под задачу и берет сохраненный выбор пользователя в следующем ходе.

ПлагинРасширенный доступ126Звезды репозитория
Официальный

MCP-сервер библиотеки React-компонентов для интерфейсов агентов: агент находит компонент и добавляет его в проект

MCP-серверРасширенный доступ750Звезды репозитория

Скилл запрещает агенту типовой интерфейс с плавающими карточками, градиентами и стеклом и задает обычные размеры, радиусы и тени как у Linear

СкиллМинимальный доступ2,7 тыс.Звезды репозитория

Скилл для Codex проектирует веб-интерфейсы в одном из пяти индустриальных стилей на четырех уровнях проработки

СкиллРасширенный доступ295Звезды репозитория

Ищет в сгенерированном фронтенде приметы ИИ, от фиолетовых градиентов до терракотового тона, и переписывает интерфейс

СкиллРасширенный доступ159Звезды репозитория

Коротко о README

README описывает Next.js 16 приложение на React 19 и Gravity UI с генерацией интерфейсов через OpenAI Responses API и опциональным хранением понравившихся вариантов в YDB. Перечислены агентские ресурсы: llms.txt, OpenAPI, карточка MCP-сервера и страницы сравнения с другими генераторами интерфейсов. Отдельно расписаны переменные окружения для OpenAI и YDB и команды для разработки и проверки.

Бейдж для README

Сообщить о проблеме