Ply UI — MCP-сервер для Claude Code: компоненты Angular и Tailwind
Даёт агенту доступ к каталогу компонентов Ply на Angular и Tailwind: поиск, метаданные, установка в проект через CLI.
claude mcp add --transport http ply-ui https://mcp.ply-ui.com/mcpЧто делает Ply UI
Сервер оборачивает публичный реестр Ply и CLI npx ply-ui-cli. Агент умеет перечислять компоненты, искать по каталогу, смотреть метаданные и ставить выбранные в ваш проект. Установка идёт через ply-ui-cli add --yes, поэтому в каталоге появляются реальные файлы, а не ссылки на пакет.
Инструменты разделены по задачам: list_components, search_components, get_component для просмотра, add_components, init_project, update_components, diff_components и doctor для работы с проектом. Исходники бесплатного уровня отдаются только при includeSource: true, исходники Pro через MCP не возвращаются вообще. Для Pro-компонентов нужен PLY_LICENSE_KEY в окружении процесса сервера.
PLY_CWD указывайте на корень приложения — папку с ply-ui.json, а не на репозиторий библиотеки. В Cursor и VS Code подойдёт ${workspaceFolder}, в Windsurf и Claude Desktop нужен абсолютный путь. Терминальные агенты стартуют сервер в текущей папке, так что запускать их надо из корня приложения. Перед add, init, update, doctor и diff в проекте должен быть выполнен npx ply-ui-cli init --yes.
Какие задачи решает
- найти компонент Angular по описанию, а не по имени файла
- поставить кнопку и карточку в проект одной командой агента
- развернуть конфиг Ply в новом приложении
- проверить, какие компоненты расходятся с апстримом
- обновить отслеживаемые компоненты без ручного копирования
Примеры запросов агенту
- Найди в каталоге Ply компонент диалога и покажи его метаданные
- Поставь в проект компоненты
buttonиcard - Прогони
doctorи скажи, что не так с конфигом Ply
Как установить Ply UI
Командой платформы: удалённый сервер
claude mcp add --transport http ply-ui https://mcp.ply-ui.com/mcpКомандой платформы: удалённый сервер
codex mcp add mcp --url https://mcp.ply-ui.com/mcpФайл настроек
{
"mcpServers": {
"mcp": {
"url": "https://mcp.ply-ui.com/mcp"
}
}
}Файл настроек
{
"servers": {
"mcp": {
"type": "http",
"url": "https://mcp.ply-ui.com/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http mcp https://mcp.ply-ui.com/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Ply UI
Как установить Ply UI в Claude Code?
Одной командой: claude mcp add --transport http ply-ui https://mcp.ply-ui.com/mcp. Подключение идёт по HTTP, локальный процесс поднимать не нужно.
Что делает Ply UI?
Открывает агенту каталог компонентов Ply на Angular и Tailwind: поиск, метаданные, установка и обновление файлов в вашем проекте через ply-ui-cli.
Чем этот сервер отличается от base-ui-mcp?
Это разные пакеты. base-ui-mcp относится к MUI Base UI на React, а Ply UI работает с Angular. Старое имя base-ui-ng-mcp устарело, запускать нужно npx -y ply-ui-mcp.
