Gravity AI UI

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

Установка

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

npx skillfoxx add mcp/gravity-ai-ui

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

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

Собрано автоматически, проверьте перед установкой.

Выполните в терминале

claude mcp add --transport http 'Gravity AI UI' https://gravity-ai.ydb-qdrant.tech

Или добавьте в файл .mcp.json, в проекте

{
  "mcpServers": {
    "Gravity AI UI": {
      "type": "http",
      "url": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа mcpServers.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Установить в Cursor

Кнопка откроет агент и предложит добавить сервер. Если ничего не произошло, скопируйте конфиг ниже.

Добавьте в файл ~/.cursor/mcp.json, для всех проектов

{
  "mcpServers": {
    "Gravity AI UI": {
      "url": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа mcpServers. Для одного проекта тот же блок кладут в .cursor/mcp.json.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Установить в VS Code

Кнопка откроет агент и предложит добавить сервер. Если ничего не произошло, скопируйте конфиг ниже.

Выполните в терминале

code --add-mcp '{"name":"Gravity AI UI","type":"http","url":"https://gravity-ai.ydb-qdrant.tech"}'

Или добавьте в файл .vscode/mcp.json, в проекте

{
  "servers": {
    "Gravity AI UI": {
      "type": "http",
      "url": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа servers.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Выполните в терминале

codex mcp add 'Gravity AI UI' --url https://gravity-ai.ydb-qdrant.tech

Или добавьте в файл ~/.codex/config.toml, для всех проектов

[mcp_servers."Gravity AI UI"]
url = "https://gravity-ai.ydb-qdrant.tech"

Если файл уже есть, допишите блок в конец.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Выполните в терминале

gemini mcp add -s user -t http 'Gravity AI UI' https://gravity-ai.ydb-qdrant.tech

Или добавьте в файл ~/.gemini/settings.json, для всех проектов

{
  "mcpServers": {
    "Gravity AI UI": {
      "httpUrl": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа mcpServers.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Добавьте в файл ~/.config/devin/mcp_config.json, для всех проектов

{
  "mcpServers": {
    "Gravity AI UI": {
      "serverUrl": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа mcpServers. В легаси Cascade конфиг MCP лежит в ~/.codeium/windsurf/mcp_config.json.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Бывший Windsurf.

Добавьте в файл cline_mcp_settings.json, для всех проектов

{
  "mcpServers": {
    "Gravity AI UI": {
      "type": "streamableHttp",
      "url": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа mcpServers. Файл настроек открывается в Cline: вкладка MCP Servers, кнопка Configure MCP Servers.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Добавьте в файл .roo/mcp.json, в проекте

{
  "mcpServers": {
    "Gravity AI UI": {
      "type": "streamable-http",
      "url": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа mcpServers.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Форк Roo Code, папки .roo те же.

Добавьте в файл opencode.json, в проекте

{
  "mcp": {
    "Gravity AI UI": {
      "type": "remote",
      "url": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа mcp.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Добавьте в файл ~/.config/zed/settings.json, для всех проектов

{
  "context_servers": {
    "Gravity AI UI": {
      "url": "https://gravity-ai.ydb-qdrant.tech"
    }
  }
}

Если файл уже есть, добавьте сервер внутрь ключа context_servers.

Ключи и настройки

OPENAI_API_KEYсекрет, обязательная: OpenAI API key
OPENAI_MODELнеобязательная: OpenAI model, optional
OPENAI_REASONING_EFFORTнеобязательная: OpenAI reasoning effort, optional
OPENAI_MAX_OUTPUT_TOKENSнеобязательная: OpenAI max output tokens, optional
NEXT_PUBLIC_APP_URLнеобязательная: Public app URL, optional
NEXT_PUBLIC_BASE_PATHнеобязательная: Public base path, optional
INDEXNOW_KEYнеобязательная: IndexNow key, optional
YDB_CONNECTION_STRINGсекрет, необязательная: YDB connection string, optional
YDB_ENDPOINTнеобязательная: YDB endpoint, optional
YDB_DATABASEнеобязательная: YDB database, optional
YDB_FEEDBACK_TABLEнеобязательная: YDB feedback table, optional
YDB_STATIC_CREDENTIALS_USERсекрет, необязательная: YDB static credentials user, optional
YDB_STATIC_CREDENTIALS_PASSWORDсекрет, необязательная: YDB static credentials password, optional
YDB_STATIC_CREDENTIALS_PASSWORD_FILEсекрет, необязательная: YDB static credentials password file, optional
YDB_STATIC_CREDENTIALS_ENDPOINTнеобязательная: YDB static credentials endpoint, optional

Замените значения в угловых скобках своими. Ключи не попадают в ссылки установки и не хранятся у нас.

Сверено с репозиторием 26 сент. 2026, коммит 0a50c63.

Текст для агента

Подключи удаленный MCP-сервер Gravity AI UI по адресу из .well-known/mcp/server-card.json на gravity-ai.ydb-qdrant.tech, затем вызови generate_interface с описанием нужного экрана.

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

{
  "mcpServers": {
    "gravity-ai-ui": {
      "url": "https://gravity-ai.ydb-qdrant.tech/mcp"
    }
  }
}

Удаленный MCP по Streamable HTTP, адрес из README и .well-known/mcp/server-card.json.

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

Что делает

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

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

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

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

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

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

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

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

Ограничения

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

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

MCP

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

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

Проверка безопасности

Генерирует только структурированное описание интерфейса, рендер идет доверенными компонентами
Запрос на генерацию уходит в OpenAI, а не в закрытую систему пользователя

Коротко о README

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

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

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

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

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

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

Скиллы Next.js

Next.js skills

Выбор редакции

Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере

ПлагинСредний рискБез VPN142,9 тыс.

shadcn/ui

Выбор редакции

Официальный скилл и MCP-сервер shadcn/ui: агент ищет компоненты в реестрах, ставит их через CLI и держится правил библиотеки

СкиллСредний рискБез VPN124,8 тыс.

Impeccable

Выбор редакции

Скилл для фронтенд-дизайна: 23 команды, итерации в браузере и 61 правило поиска типичных огрехов AI-интерфейсов

СкиллВысокий риск72,1 тыс.

Скиллы Vercel для агентов

Agent Skills

Выбор редакции

Скиллы Vercel: производительность React и Next.js, проверка UI по гайдлайнам, React Native, композиция компонентов и деплой

СкиллСредний риск31,7 тыс.

Установка

Что делает

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

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

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

Ограничения

MCP

Проверка безопасности

Коротко о README

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

Похожие

Скиллы Next.js

shadcn/ui

Impeccable

Скиллы Vercel для агентов