Polyxd — MCP-сервер для Claude Code: что делает и как установить
Сервер помогает языковым моделям создавать декларативные интерфейсы Polyxd, проверять разметку и рендерить экраны прямо в чате.
claude mcp add --transport http mcp https://mcp.polyxd.com/mcpЧто делает Polyxd
Сервер передаёт языковой модели спецификацию компонентов через инструмент polyxd_guide, проверяет сгенерированные JSON-документы утилитой polyxd_validate и запускает статический аудит polyxd_verify. Проверка разметки выявляет ошибки с точными указателями JSON Pointer и обходится без установки Playwright.
Инструмент polyxd_show отрисовывает готовые экраны в изолированном фрейме по протоколу MCP Apps. По умолчанию используется дизайн-система material3, но через вызов polyxd_packs можно выбрать другую тему оформления. Нажатия на кнопки в интерфейсе отправляют модели уведомление ui/message с заполненными полями формы и контекстом действия.
Если клиент не поддерживает протокол MCP Apps, сервер вернёт только текстовую выжимку вместо интерактивного окна. Любая ошибка валидации полностью блокирует показ экрана до её исправления.
Какие задачи решает
- создавать интерактивные прототипы экранов в диалоге с моделью
- проверять валидность декларативной разметки Polyxd по схеме
- тестировать интерфейс в разных дизайн-системах без ручной вёрстки
- получать события кликов и данные форм обратно в контекст агента
Примеры запросов агенту
- Покажи спецификацию компонентов Polyxd и создай экран входа в систему
- Проверь разметку документа через polyxd_validate и исправь найденные ошибки
- Отрисуй текущий экран с дизайн-системой material3 в тёмной теме
Как установить Polyxd
1Командой платформы: удалённый сервер
claude mcp add --transport http mcp https://mcp.polyxd.com/mcp2Командой платформы
claude mcp add mcp -- npx -y @polyxd/mcp1Командой платформы: удалённый сервер
codex mcp add mcp --url https://mcp.polyxd.com/mcp2Командой платформы
codex mcp add mcp -- npx -y @polyxd/mcpФайл настроек
{
"mcpServers": {
"mcp": {
"url": "https://mcp.polyxd.com/mcp"
}
}
}{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"@polyxd/mcp"
]
}
}
}Файл настроек
{
"servers": {
"mcp": {
"type": "http",
"url": "https://mcp.polyxd.com/mcp"
}
}
}{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@polyxd/mcp"
]
}
}
}1Командой платформы: удалённый сервер
gemini mcp add -t http mcp https://mcp.polyxd.com/mcp2Командой платформы
gemini mcp add mcp npx -y @polyxd/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Polyxd
Как установить Polyxd в Claude Code?
Для подключения через удалённый HTTP-сервер выполните команду claude mcp add --transport http mcp https://mcp.polyxd.com/mcp. Для локального запуска через stdio выполните claude mcp add mcp -- npx -y @polyxd/mcp.
Что делает MCP-сервер Polyxd?
Он предоставляет модели правила вёрстки, проверяет корректность сгенерированного JSON и отображает готовый UI через песочницу MCP Apps.
Требуется ли Playwright для проверки экранов?
Нет, инструмент polyxd_verify использует библиотеку статического аудита, поэтому браузерные бинарники и внешние зависимости не нужны.
