К основному содержанию
MCP-сервер CX Codex

pracht dev-mcp — MCP-сервер для Claude Code: как установить

MCP-сервер на базе @pracht/cli связывает ИИ-агента с графом приложения Pracht. Он помогает генерировать маршруты, проверять бюджеты бандла и валидировать WebMCP.

Установить в Claude Code · Командой платформы Все способы и платформы ↓
claude mcp add pracht -- npx -y @pracht/cli
Открыть на GitHub

Что делает pracht dev-mcp

Сервер связывает кодинг-агента со структурой проекта на Pracht. Модель получает возможность исследовать граф маршрутов, генерировать каркасы API, shell-оболочки и связующее ПО. Если в проекте настроен Playwright, инструмент сразу создаст заготовки smoke-тестов.

Команда pracht verify находит расхождения со снимком графа и проверяет лимиты веса клиентского JavaScript. Другая функция, pracht plan, строит семантический диф роутов относительно базовой ветки Git. Это упрощает аудит изменений перед слиянием кода.

Для проверки инструментов WebMCP на страницах понадобится браузер Chrome 150+. Без явного указания пути фреймворк не станет скачивать бинарники самостоятельно.

Какие задачи решает

  • создать новые маршруты и эндпоинты API со связями в манифесте
  • проверить соответствие проекта графу и ограничениям без полной сборки
  • построить семантический диф изменений маршрутизации перед pull request
  • протестировать клиентские инструменты WebMCP в браузере

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

  • Исследуй граф приложения и найди расхождения со снимком
  • Создай маршрут /dashboard с рендерингом ssr и оболочкой app
  • Сравни текущие маршруты с веткой main и подготовь отчёт

Как установить pracht dev-mcp

Командой платформы

claude mcp add pracht -- npx -y @pracht/cli

По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие

Вопросы о pracht dev-mcp

Как установить pracht dev-mcp в Claude Code?

Выполните команду claude mcp add pracht -- npx -y @pracht/cli в терминале.

Что делает pracht dev-mcp?

Он даёт модели доступ к командам Pracht для инспекции графа приложения, генерации кода страниц и аудита лимитов JavaScript.

Что требуется для тестирования WebMCP через pracht dev-mcp?

Необходим установленный браузер Chrome версии 150 или выше. В CI путь к исполняемому файлу передаётся через флаг --browser.

Похожие MCP-серверы

Всё по теме «Фронтенд и UI» →
Front-End Checklist thedaviddias Сервер помогает агенту проверять фронтенд-код и публичные страницы по правилам качества. Подключите его для ревью компонентов или аудита доступности, SEO и производительности. CX Codex +1 ★ 74 559звёзд репо tldraw tldraw Даёт агенту интерактивный холст tldraw: он может рисовать, менять объекты и сохранять состояние между обращениями. CX Codex +1 ★ 51 091звёзд репо Figma-Context-MCP GLips MCP-сервер передаёт агенту разметку и стили из макетов Figma. Помогает собирать интерфейс по ссылке на фрейм без ручной нарезки скриншотов. CX Codex +1 ★ 16 062звёзд репо mcp-server-chart antvis MCP-сервер для визуализации данных и построения диаграмм на базе библиотеки AntV прямо в чате с моделью. CX Codex +1 ★ 4 402звёзд репо Dembrandt dembrandt Снимает с любой страницы цвета, шрифты, отступы и компоненты и отдаёт их агенту как дизайн-токены. Пригодится, когда нужно перенести чужой стиль в свой проект. CX Codex +1 ★ 3 821звёзд репо RevoGrid DataGrid MCP Pro revolist Хостинговый MCP-сервер, который подключает агента к документации RevoGrid DataGrid: примеры, проверка возможностей и подсказки по миграции. CX Codex +1 ★ 3 450звёзд репо

Спонсоры проекта

Компании, которые помогают держать аналитику открытой