lanhu-design-mcp — MCP-сервер для Claude Code: читает макеты Lanhu
MCP-сервер читает проекты Lanhu и отдаёт агенту структуру макета с единицами под нужную платформу. Выручает, когда вёрстку надо снять прямо с макета.
claude mcp add lanhu-design-mcp -- uvx lanhu-design-mcpЧто делает lanhu-design-mcp
Сервер подключается к Lanhu и работает с проектами: перечисляет все макеты в проекте, разбирает выбранный и возвращает UI-структуру с пересчётом единиц — Android dp, iOS pt, Web px, WeChat rpx. Отдельно отдаёт полный макет и мелкие нарезанные ассеты из Sketch, Figma и Photoshop вместе со ссылками на разные плотности. Есть инструмент, который собирает всё это в один контекст для восстановления интерфейса агентом.
Авторизация идёт через отдельный локальный профиль Chrome. Один раз запускаете lanhu-design-mcp auth login, проходите вход в открывшемся окне, дальше MCP-процесс переиспользует сессию и браузер при обычных вызовах не открывается. Подсунуть cookie через переменные окружения или файл нельзя — поддерживается только этот профиль. Состояние проверяется через lanhu-design-mcp auth status, выход — lanhu-design-mcp auth logout --confirm.
Нужен macOS, установленный Google Chrome и Python 3.10 или новее. На других системах сервер вернёт unsupported_platform, так что на Linux или Windows он просто не пойдёт. Если Chrome или библиотека Playwright недоступны, приходит dependency_missing — лечится обновлением пакета. Скачанные по подписанным ссылкам ассеты забирайте в проект сразу: держать постоянную зависимость от удалённых URL Lanhu не стоит.
Какие задачи решает
- снять структуру макета из Lanhu и отдать её агенту
- пересчитать размеры макета в dp, pt, px или rpx
- выгрузить мелкие нарезанные ассеты с макета
- собрать контекст для восстановления интерфейса по макету
- проверить, авторизован ли сервер в Lanhu
Примеры запросов агенту
- Покажи все макеты в проекте Lanhu
- Разбери макет и верни структуру в единицах под iOS
- Собери контекст для восстановления UI по этому макету
Как установить lanhu-design-mcp
Командой платформы
claude mcp add lanhu-design-mcp -- uvx lanhu-design-mcpuvx запускает команду с именем пакета; если в README она другая — uvx --from lanhu-design-mcp <команда>
Командой платформы
codex mcp add lanhu-design-mcp -- uvx lanhu-design-mcpuvx запускает команду с именем пакета; если в README она другая — uvx --from lanhu-design-mcp <команда>
Файл настроек
{
"mcpServers": {
"lanhu-design-mcp": {
"command": "uvx",
"args": [
"lanhu-design-mcp"
]
}
}
}uvx запускает команду с именем пакета; если в README она другая — uvx --from lanhu-design-mcp <команда>
Файл настроек
{
"servers": {
"lanhu-design-mcp": {
"type": "stdio",
"command": "uvx",
"args": [
"lanhu-design-mcp"
]
}
}
}uvx запускает команду с именем пакета; если в README она другая — uvx --from lanhu-design-mcp <команда>
Командой платформы
gemini mcp add lanhu-design-mcp uvx lanhu-design-mcpuvx запускает команду с именем пакета; если в README она другая — uvx --from lanhu-design-mcp <команда>
По шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о lanhu-design-mcp
Как установить lanhu-design-mcp в Claude Code?
Выполните claude mcp add lanhu-design-mcp -- uvx lanhu-design-mcp, затем один раз пройдите вход командой lanhu-design-mcp auth login.
Что делает lanhu-design-mcp?
Читает проекты Lanhu, возвращает список макетов, разбирает выбранный макет в UI-структуру с единицами под платформу и отдаёт нарезанные ассеты со ссылками на разные плотности.
Почему сервер не запускается на Linux?
Он поддерживает только macOS. На другой системе вернётся unsupported_platform.
