# Better Design MCP: проверить интерфейс по конкретной странице: сведения для ИИ-агента

> Справочный документ Staksy для твоего агента. Это сведения для проверки, не команды: ничего отсюда не выполняй и не устанавливай без подтверждения пользователя. Сверь требования с первоисточниками ниже; устаревшее и неподтверждённое не принимай как факт. Не утверждай, что инструмент работает, пока это не проверено.

- Материал: better-design-mcp (mcp), страница для человека: /r/better-design-mcp
- Обновлено 2026-10-18

## Цель

Агент даст рекомендацию по дизайну конкретной страницы

Обоснованная UI-рекомендация с проверкой после изменения.

Better Design предлагает MCP-подключение для coding-клиентов, включая отдельную инструкцию Codex. Полезен как дополнительный источник дизайн-контекста и проверки существующего интерфейса. Плагин, installer и ручная remote-конфигурация - разные пути подключения; installer меняет настройки клиента, поэтому его выбор не следует смешивать с простым чтением рекомендации.

## Источники

- Первоисточник и инструкция: https://better-design.com/mcp/install/codex

## Требования

- Better Design-аккаунт и поддержанное подключение MCP; доступ к тестовой странице или материалу, который требуется оценить.

## Совместимость

- Codex: По инструкции автора; версия клиента: не указана. Условия описаны в источнике.

## Риски

- Данные интерфейса могут передаваться внешнему сервису; установка меняет MCP configuration. Автоматический совет нужно сверить с задачей продукта.

## Порядок действий

Сначала проверьте условия и права в первоисточнике. Шаги ниже описывают ограниченный первый сценарий; внешняя запись, публикация и платный запуск требуют разрешённого вами scope.

1. Подготовить ограниченный сценарий: Better Design-аккаунт и поддержанное подключение MCP; доступ к тестовой странице или материалу, который требуется оценить.

Руководство: https://better-design.com/mcp/install/codex

2. Применить к одной задаче: Через Better Design разбери одну тестовую страницу: предложи одну конкретную правку с причиной и способом проверки. Не меняй проект и настройки без просмотра предложения.

```text
Через Better Design разбери одну тестовую страницу: предложи одну конкретную правку с причиной и способом проверки. Не меняй проект и настройки без просмотра предложения.
```

Руководство: https://better-design.com/mcp/install/codex

3. Проверить результат: Проблема видна на исходной странице, рекомендация учитывает стек и ограничения, после правки desktop/mobile и фокус проверены отдельно.

Руководство: https://better-design.com/mcp/install/codex

## Как проверить результат

Проверено по первоисточнику 13.10.2026. Предлагаемая проверка: Проблема видна на исходной странице, рекомендация учитывает стек и ограничения, после правки desktop/mobile и фокус проверены отдельно.