skills.rest
reason-machines
reason-machinesOFFICIAL
Explore all skills by this author →
Website𝕏@reasonmachinesGitHub

lanhu-mcp-collaboration

Extracts design specs, requirements, and assets from the Lanhu design platform via MCP.

7|2|Updated May 16, 2026
Search Tags:#MCP#requirements analysis#team collaboration#design-to-code#css extraction#design handoff#lanhu
One-click install
npx skills add https://github.com/reason-machines/mcp-skills --skill lanhu-mcp-collaboration-reason-machines
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lanhu-mcp-collaboration
Source: https://github.com/reason-machines/mcp-skills/tree/main/skills/lanhu-mcp-collaboration
Command: npx skills add https://github.com/reason-machines/mcp-skills --skill lanhu-mcp-collaboration-reason-machines

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve? Design-to-development handoff on the Lanhu platform requires manual inspection of prototypes, copying of design parameters, and repeated requirements analysis across team members, causing duplicated work and lost context between AI assistants. ## Core Features & Use Cases - Requirements Analysis: Analyzes Axure prototypes from Lanhu URLs in development, testing, or exploration modes through a four-stage extraction and validation workflow. - UI Design Extraction: Retrieves precise design parameters (spacing, colors, fonts) and generates matching HTML/CSS code from Lanhu design documents. - Team Message Board: Shares knowledge, tasks, and questions across all team AI assistants with @mention notifications via Feishu webhooks. - Use Case: A developer pastes a Lanhu design URL into Cursor, and the AI extracts exact CSS values, exports semantically named image slices, and saves key findings to the shared team knowledge base for the QA engineer's AI to reuse. ## Quick Start Ask your AI assistant to analyze the requirements document at your Lanhu project URL using the Lanhu MCP server in development mode.

Frequently Asked Questions about lanhu-mcp-collaboration

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I analyze Lanhu prototype requirements with an AI assistant?▼

Provide the Lanhu project URL to your AI assistant and request analysis. The server calls analyze_requirements_document with a mode parameter (development, testing, or exploration) and runs a four-stage workflow covering scanning, grouped analysis, validation, and deliverable generation.

How to extract CSS code and design specs from Lanhu designs?▼

Use the view_design_document tool with the Lanhu design URL. It returns design previews, precise parameters like dimensions, spacing, colors, and fonts, plus auto-generated HTML and CSS code matching Lanhu's native export.

Does Lanhu MCP work with Cursor and Claude Code?▼

Yes, it supports Cursor, Windsurf, Claude Code, Trae, Cline, and any MCP-compatible client. Add the server URL http://localhost:8000/mcp with role and name query parameters to the client's MCP configuration.

Why does Lanhu MCP report no vision-capable model detected?▼

The server requires a vision-capable model to interpret design images. Text-only models like GPT-3.5 fail; switch to Claude 3+, GPT-4V, GPT-4o, Gemini Pro Vision, Kimi, Qwen-VL, or DeepSeek-VL.

How do I fix Lanhu cookie authentication failed errors?▼

Log into lanhuapp.com, open browser DevTools, copy the full Cookie header from any API request, and set it as the LANHU_COOKIE environment variable. Restart the MCP server after updating the cookie.

What are the limitations of Lanhu design-to-code conversion?▼

Conversion is unavailable when design files were uploaded with an outdated Lanhu plugin for Figma, Sketch, or Adobe XD. The designer must update the plugin and re-upload the design before analysis works.

Related Skills

Explore More Design & Creative Skills→
AradotsoAradotso
7

lanhu-mcp-collaboration

Extract requirements and UI parameters from Lanhu design documents.

Official
Intermediate
opzero1opzero1
3

figma-design

Extract design tokens, component details, and assets from Figma files.

Official
Intermediate
fauzanazzfauzanazz

generative-ui-preview

Generate an interactive HTML preview of a UI/UX design concept.

Community
Intermediate
spontus-reachspontus-reach
1

figma-design-qa

Generate a structured pre-handoff QA checklist for Figma designs.

Official
Intermediate