How to Use the Lanhu MCP in Cline

Q: Can Cline generate React components directly from Lanhu?

Yes, Cline uses listlayers and getboard to read the design system specs. It then writes the React code and saves the matching assets using getfile directly into your workspace.

Q: How does Cline handle updates to design files in Lanhu?

Cline runs listprojectfiles to compare active designs with your local code. If it detects a change, it pulls the new details via getproject and edits the components.

Q: Can I assign Lanhu design feedback tasks to Cline?

Absolutely. You tell Cline to look at the comments using getcomments, and it will locate the code, make the requested visual changes, and show you the diff.

Feed live Lanhu design layers and assets to Cline so it can build, test, and commit UI code autonomously.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect Lanhu MCP to Cline

Create your Vinkius account to connect Lanhu to Cline and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup Lanhu with Cline

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Autonomous Code Generation from Lanhu Specs

This toolset uses `list_layers` and `get_board` to let Cline inspect the exact visual hierarchy of your design boards. Cline reads the dimensions, colors, and positioning data directly, bypassing the need for manual handoff documents. Once Cline understands the layout, it writes the frontend code, runs local tests, and displays the diff. It uses `get_file` to pull down raw image assets and places them in your project directory automatically.

Continuous Design Auditing with Cline

The `list_project_files` and `list_boards` tools give Cline the ability to track changes across your entire workspace. Cline scans your active project boards to see if a designer has pushed updates since your last commit. If it finds a mismatch, Cline uses `get_project` to fetch the updated specs and rewrites the affected components. You get an automated update loop that keeps your code aligned with the latest design files.

Inline Feedback Resolution via MCP Server

This feature uses `get_comments` to let Cline read design feedback directly inside VS Code. Cline parses the threads, identifies the code files that need changes, and applies the fixes without you opening a browser. By checking team context with `list_members` and `list_teams`, Cline ensures you are addressing the right feedback from the right stakeholders. It makes resolving design QA a quick, terminal-driven task.

Setup guide

Set up Lanhu MCP in Cline

Prerequisites

VS Code with Cline extension installed
Active Vinkius subscription with a valid endpoint token

1

Open Cline MCP settings

Click the Cline icon in the VS Code sidebar to open the Cline panel. Then click the MCP Servers icon (server stack) at the top-right corner of the panel.
2

Add a remote server

Click "Remote Servers" at the top, then click "Add Remote MCP". In the Name field, type lanhu-mcp. In the URL field, paste your Vinkius endpoint: https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp. Get your token from cloud.vinkius.com.
3

Enable the server

After saving, the server appears in the Cline MCP panel. Toggle the switch to enable it. The status indicator turns green when the connection is live.
4

Start using tools

Return to the Cline chat and ask: "Check my latest Lanhu refund status." Cline will discover the available tools and request your approval before invoking each one — giving you full control over every action.

Cline MCP Settings

{
  "mcpServers": {
    "lanhu-mcp": {
      "url": "https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp"
    }
  }
}

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Lanhu. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect Lanhu now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about Lanhu MCP in Cline

Yes, Cline uses `list_layers` and `get_board` to read the design system specs. It then writes the React code and saves the matching assets using `get_file` directly into your workspace.

Cline runs `list_project_files` to compare active designs with your local code. If it detects a change, it pulls the new details via `get_project` and edits the components.

Absolutely. You tell Cline to look at the comments using `get_comments`, and it will locate the code, make the requested visual changes, and show you the diff.

You can install it with one click from the Cline sidebar or add it to your settings file. Cline immediately recognizes all ten tools, from `list_teams` to `get_file`, once you connect the MCP server.

All layer coordinates, design assets, and team comments are processed locally within Cline's secure sandbox. The MCP server stores your API keys safely, ensuring your proprietary design IP remains private.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript