von dsphper · dsphper/lanhu-mcp
Designed for the China design-to-code workflow: pulls 蓝湖 specs, marks 切图, and lets Claude write 前端 + 后端 from the spec.
Lanhu MCP exposes 蓝湖's design boards as MCP tools. Claude can fetch spec values (px sizes, colors, fonts), download slices, and use the structured spec to author React/Vue components or Mini Program pages.
%APPDATA%\Claude\claude_desktop_config.json{
"mcpServers": {
"lanhu-mcp": {
"command": "npx",
"args": [
"-y",
"lanhu-mcp"
],
"env": {
"LANHU_TOKEN": "${LANHU_TOKEN}"
}
}
}
}Öffne Claude Desktop → Settings → Developer → Edit Config. Nach dem Speichern neu starten.
{
"mcpServers": {
"lanhu-mcp": {
"command": "npx",
"args": [
"-y",
"lanhu-mcp"
],
"env": {
"LANHU_TOKEN": "${LANHU_TOKEN}"
}
}
}
}Cursor nutzt das gleiche mcpServers-Schema wie Claude Desktop. Projektkonfiguration schlägt die globale.
{
"mcpServers": {
"lanhu-mcp": {
"command": "npx",
"args": [
"-y",
"lanhu-mcp"
],
"env": {
"LANHU_TOKEN": "${LANHU_TOKEN}"
}
}
}
}Klicken Sie auf das MCP-Servers-Symbol in der Cline-Seitenleiste, dann "Edit Configuration".
{
"mcpServers": {
"lanhu-mcp": {
"command": "npx",
"args": [
"-y",
"lanhu-mcp"
],
"env": {
"LANHU_TOKEN": "${LANHU_TOKEN}"
}
}
}
}Gleiche Struktur wie Claude Desktop. Windsurf neu starten zum Übernehmen.
{
"mcpServers": [
{
"name": "lanhu-mcp",
"command": "npx",
"args": [
"-y",
"lanhu-mcp"
]
}
]
}Continue nutzt ein Array von Serverobjekten statt einer Map.
{
"context_servers": {
"lanhu-mcp": {
"command": {
"path": "npx",
"args": [
"-y",
"lanhu-mcp"
]
}
}
}
}In context_servers hinzufügen. Zed lädt beim Speichern neu.
claude mcp add lanhu-mcp -- npx -y lanhu-mcpEinzeiler. Prüfen mit claude mcp list. Entfernen mit claude mcp remove.
Wann einsetzen: 设计师 just shipped a board; you want the component scaffolded with correct tokens.
Ergebnis: Component matches the spec without you eyeballing pixel values.
Save downloaded slices into your project tree
| Werkzeug | Eingaben | Wann aufrufen | Kosten |
|---|---|---|---|
| get_board | (see docs) | Fetch a design board structure + specs | 1 call |
| download_slices | (see docs) | Download annotated slice assets | 1 call |
| export_tokens | (see docs) | Export design tokens as JSON/CSS variables | 1 call |
lanhu:read401 from LanhuToken expired or wrong project scope; regenerate in Lanhu settings
Slice download empty设计师 hasn't marked slices — ask them to mark 切图 in the board
| Alternative | Wann stattdessen | Kompromiss |
|---|---|---|
| figma MCP | Source is Figma | Different design tool |
| stitch-mcp | Source is Google Stitch | Different design tool |