lanhu-mcp

<div align="center">

The official MCP server for [Lanhu (蓝湖)](https://lanhuapp.com) — Bridge AI coding assistants with your design system

[](https://www.npmjs.com/package/mcp-lanhu) [](https://www.npmjs.com/package/mcp-lanhu) [](LICENSE) [](https://nodejs.org)

English · 中文

</div>

---

Lanhu MCP Server (mcp-lanhu) is a Model Context Protocol (MCP) server that connects AI coding assistants — such as Cursor, Windsurf, Claude Desktop, and Claude Code — directly to your Lanhu (蓝湖) design projects. It enables AI to read design specs, extract HTML/CSS, parse PRD documents, and download image assets without leaving the editor.

> One command, zero config — just npx -y mcp-lanhu and paste your Lanhu link in chat.

• Design-to-code in seconds: AI reads your Lanhu design and generates pixel-accurate HTML + CSS, complete with design tokens (colors, fonts, shadows, gradients).
• PRD-aware coding: Feed your product requirements document (PRD) or Axure prototype to AI for context-aware implementation.
• Asset pipeline: Extract slices, icons, and images directly from Lanhu — no manual export needed.
• Works with any MCP client: Cursor, Windsurf, Claude Desktop, Claude Code, and any future MCP-compatible IDE.
• Stdio transport: Standard MCP stdio protocol — lightweight, fast, and universally compatible.

---

Lanhu MCP Server（mcp-lanhu）是一个 Model Context Protocol (MCP) 服务器，让 Cursor、Windsurf、Claude Desktop、Claude Code 等 AI 编程助手直接连接你的蓝湖设计项目。AI 可以读取设计稿、提取 HTML/CSS、解析需求文档（PRD）、下载切图资源，全程无需离开编辑器。

> *