lanhu-mcp-collaboration

Extract requirements and UI parameters from Lanhu design documents.

7|2|Updated May 16, 2026
One-click install
npx skills add https://github.com/Aradotso/mcp-skills --skill lanhu-mcp-collaboration
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: lanhu-mcp-collaboration
Source: https://github.com/Aradotso/mcp-skills/tree/main/skills/lanhu-mcp-collaboration
Command: npx skills add https://github.com/Aradotso/mcp-skills --skill lanhu-mcp-collaboration

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Teams using Lanhu for design collaboration often struggle to translate prototypes, visual specs, and decisions into requirements, UI parameters, and shared knowledge that AI coding assistants can act on.

Core Features & Use Cases

  • Requirements analysis from Lanhu prototypes: Extracts requirements from Axure/Lanhu docs using development, testing, or exploration modes.
  • UI design extraction for implementation: Pulls precise layout parameters (spacing, fonts, colors) and generates HTML/CSS aligned to the design.
  • Team knowledge sharing via a message board: Creates, lists, and searches project-scoped knowledge/task/question entries across AI assistants to avoid duplicated work.

Quick Start

Ask your AI assistant to analyze a Lanhu requirements document by giving it the Lanhu URL for the product page, and request a development-mode requirements extraction.

Frequently Asked Questions about lanhu-mcp-collaboration

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

FAQPage Schema
How do I extract UI design parameters from Lanhu for AI coding assistants?▼

To extract UI design parameters from Lanhu, this Skill pulls precise layout specs like spacing, fonts, and colors, then generates aligned HTML and CSS for AI coding assistants. It requires an MCP server connection with Lanhu cookie authentication and a vision-capable model to view designs.

How do I analyze Lanhu or Axure prototype requirements for development?▼

Analyzing Lanhu or Axure prototype requirements is done by passing the Lanhu product page URL to your AI assistant. The Skill processes the document using development, testing, or exploration modes to extract actionable requirements and shared team knowledge.

Does Lanhu design-to-code require a vision-capable model and MCP server?▼

Yes, Lanhu design-to-code translation requires an MCP server connection with Lanhu cookie authentication and a vision-capable model. These prerequisites allow the AI to view design documents and handle tool-driven operations like exporting slices.

Can I export design slices with semantic naming from Lanhu prototypes?▼

Yes, you can export design slices with semantic naming from Lanhu prototypes. The Skill automates this through the export_design_slices tool, ensuring assets are correctly named for development and AI integration.

What is the best way to share UI design decisions across AI assistants?▼

The best way to share UI design decisions across AI assistants is using the project message board feature. It allows you to create, list, and search project-scoped knowledge, tasks, and questions to avoid duplicated work during design collaboration.

How do I handle requirements analysis when Lanhu cookie authentication fails?▼

If Lanhu cookie authentication fails, requirements analysis cannot proceed because the MCP server connection requires valid cookies to access Lanhu documents. Ensure your Lanhu cookies are current and properly configured in your MCP server setup.