lanhu-mcp MCP Server
MrDgbot/lanhu-mcp
[](https://agentrank-ai.com/tool/MrDgbot--lanhu-mcp/?utm_source=badge&utm_medium=readme&utm_campaign=agentrank_badge) Are you the maintainer of MrDgbot/lanhu-mcp? Claim this listing →
蓝湖(lanhu) MCP 非浏览器 干净简洁
Add AgentRank to Claude Code Discover and compare tools like MrDgbot/lanhu-mcp — your AI finds the right one automatically
Get API Access → claude mcp add agentrank -- npx -y agentrank-mcp-server Overview
MrDgbot/lanhu-mcp is a TypeScript tool licensed under MIT. 蓝湖(lanhu) MCP 非浏览器 干净简洁 Topics: lanhu, lanhuapp, mcp.
Ranked #5444 out of 24846 indexed tools.
Ecosystem
TypeScript MIT
lanhulanhuappmcp
Score Breakdown
Stars 15% 137
137 stars → growing community
Freshness 25% 3mo ago
Last commit 3mo ago → stale
Issue Health 25% 100%
8/8 issues closed → responsive maintainer
Contributors 10% 4
4 contributors → small team
Dependents 25% 0
No dependents → no downstream usage
npm Downloads N/A
PyPI Downloads N/A
Forks 12
Description Brief
License MIT
Weights: Freshness 20% · Issue Health 20% · Dependents 22% · Stars 10% · Contributors 8% · How we score →
How to Improve
Description low impact
Freshness high impact
Dependents medium impact
Matched Queries
From the README
<div align="center">
# 🎨 蓝湖 MCP Server
**让 AI 编程助手直接读取蓝湖设计稿、提取代码、解析需求文档**
[English](docs/README_EN.md)
</div>
---
## 这是什么
`mcp-lanhu` 是蓝湖的 [MCP](https://modelcontextprotocol.io/) 服务器,装上之后 **Cursor、Windsurf、Claude Desktop、Claude Code** 都能直接连接蓝湖。AI 可以读取设计稿、提取 HTML/CSS、解析 PRD、下载切图,全程不用离开编辑器。
> **一行命令,零配置** — `npx -y mcp-lanhu`,粘贴蓝湖链接就能用。
### 核心能力
- **设计稿 → 代码**:生成像素级 HTML + CSS,含完整 Design Tokens(颜色、字体、阴影、渐变)
- **结构化 Design Tokens**:提取所有颜色、字体族/字号/字重、阴影、边框、圆角,按使用频率排序
- **PRD 驱动开发**:将 PRD 或 Axure 原型交给 AI,需求感知编码
- **自动切图**:直接从蓝湖提取切图、图标和图片,无需手动导出
- **并发 + 重试**:多设计稿并行分析,网络异常自动重试
- **MCP Resources & Prompts**:内置前端开发和设计走查 Prompt 模板
---
## 安装
### 最快方式:让 AI 帮你装
复制下面这段话,发给你的 AI 助手(Cursor / Claude Code / Windsurf):
> 帮我安装蓝湖 MCP 服务器:https://github.com/MrDgbot/lanhu-mcp
AI 会自动读取仓库说明并完成配置,你只需要提供蓝湖 Cookie。
---
### 手动配置
无需 clone 代码,`npx` 自动安装。
**Cursor / Windsurf** — 编辑 `.cursor/mcp.json`(或 `.windsurf/mcp.json`):
```json
{
"mcpServers": {
"lanhu": {
"command": "npx",
Read full README on GitHub → Get the weekly AgentRank digest
Top movers, new tools, ecosystem insights — straight to your inbox.