mcpField
L
lanhu-design-mcp

lanhu-design-mcp

本地服务
github.com/blantian媒体与设计514 周前更新

关于 lanhu-design-mcp

lanhu-design-mcp 是面向 macOS 的蓝湖设计 MCP 服务,供需要读取设计稿并获取 UI 资源的开发者和 Agent 使用。它可返回按 Android、iOS、Web 和微信单位调整的 UI 结构,并通过托管 Chrome Profile 完成交互式登录。

主要功能

  1. 01列出蓝湖项目设计图
  2. 02分析并返回平台适配的 UI 结构
  3. 03获取设计图及细粒度切图资源
  4. 04导出 UI 还原上下文
  5. 05复用托管 Chrome Profile 登录

适用场景

  1. 01检查蓝湖项目中的设计稿
  2. 02获取适配目标平台单位的 UI 结构
  3. 03为 Agent 提供设计分析和资源上下文

MCP 相关

通过 MCP 工具向客户端提供设计列表、设计分析、资源获取和 UI 上下文导出,也提供认证状态及登录管理工具。

配置

本地服务的配置在各客户端中通用,复制后粘贴到客户端的 MCP 配置文件即可。

mcp.json · 通用配置
{
"mcpServers": {
"blantian-lanhu-design": {
"command": "uvx",
"args": [
"lanhu-design-mcp"
]
}
}
}
启动命令uvx lanhu-design-mcp

本地服务需要在你的电脑上安装运行环境(如 Node.js 18+)。各客户端的配置文件位置不同,请参考客户端文档。

安装包
pypilanhu-design-mcp0.2.0

工具

8

收录的工具列表 · 更新于 2 周前

此工具无需参数。

详细介绍

来自项目 README

蓝湖设计 MCP

项目简介

面向 macOS 的蓝湖设计读取与细粒度 UI 资源导出 MCP 服务器。

功能

  • 读取蓝湖设计项目,列出所有设计图
  • 分析设计稿并返回平台调整后的 UI 结构(Android dp / iOS pt / Web px / 微信 rpx)
  • 返回完整设计图与 Sketch、Figma、Photoshop 细粒度切图资源及多倍率地址
  • 导出包含资产和分析的完整 Agent UI 还原上下文
  • 托管 Chrome Profile 自动登录,无需手动复制 Cookie

系统要求

  • macOS
  • Google Chrome(已安装)
  • Python 3.10 及以上

安装

pip install lanhu-design-mcp

首次登录

lanhu-design-mcp auth login
lanhu-design-mcp auth status

首次运行打开独立的本地 Chrome Profile,完成一次交互式 Lanhu 登录。后续 MCP 进程自动重用会话,正常设计工具调用不会打开可见浏览器。认证仅使用托管 Chrome Profile,不需要也不支持通过 Cookie 环境变量或 Cookie 文件配置凭据。

lanhu-design-mcp auth logout --confirm

MCP 配置

{
  "mcpServers": {
    "lanhu-design-mcp": {
      "type": "stdio",
      "command": "/Users/your-name/.local/bin/lanhu-design-mcp",
      "args": []
    }
  }
}

将 /Users/your-name 替换为你的本机用户名。此配置适用于 cc-switch 导入。

工具

工具说明
lanhu_health_check返回本地配置状态,不访问网络且不暴露凭据
lanhu_get_designs获取项目的所有设计图列表
lanhu_analyze_design分析指定设计稿并返回平台调整后的 UI 结构
lanhu_get_design_assets返回完整设计图与细粒度可下载切图资源
lanhu_export_ui_context返回包含资产和分析的完整 Agent UI 还原上下文
lanhu_auth_login打开专属 Chrome Profile 进行交互式 Lanhu 登录
lanhu_auth_status报告托管认证状态,不含凭据
lanhu_auth_logout登出并删除托管 Profile,需要 confirm=true

使用规范

  • 调用方应将返回的签名资源 URL 下载到本地项目,不要生成对远程 Lanhu 签名 URL 的长期依赖。
  • 不得在日志、异常或 MCP 响应中记录或输出凭据信息。
  • 登出必须调用 lanhu_auth_logout 并传 confirm=true,或 CLI --confirm,仅删除托管的标记 Profile。
  • 托管 Chrome Profile 仅存在于本地;认证凭据从不通过 MCP 网络传输。

常见错误

状态说明处理
auth_required凭据无效或过期运行 lanhu-design-mcp auth login
unsupported_platform仅在 macOS 支持使用 macOS 设备
dependency_missingPlaywright Python 库或 Chrome 不可用pip install --upgrade lanhu-design-mcp
profile_locked托管 Profile 被其他进程占用等待完成后重试
cancelled登录窗口在认证完成前关闭重新运行 lanhu-design-mcp auth login
timed_out登录窗口 5 分钟内未完成认证重新运行 lanhu-design-mcp auth login

开发验证

git clone https://github.com/blantian/lanhu-design-mcp
cd lanhu-design-mcp
uv sync --dev
uv run pytest

许可证

MIT

评论

支持 Markdown

第一次接触 MCP?

从协议是什么,到在客户端里装上第一个服务,这几条回答覆盖了大多数入门问题。

一个开放协议,规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话,MCP 服务负责提供工具、资源和提示模板,两者通过标准消息通信,同一个服务可以被不同客户端复用。