How to Use the Lanhu MCP in Windsurf

Q: Can Windsurf track design updates from Lanhu automatically?

Yes, Windsurf can run background checks using listboards and getproject. Cascade compares these board updates against your local codebase to flag when a designer has changed a layout.

Q: How do I resolve Lanhu design comments using Windsurf?

You ask Cascade to pull active threads with getcomments. It reads the feedback, locates the corresponding code, and modifies the component to address the designer's notes.

Pull live Lanhu design specs, comments, and assets directly into your Windsurf workspace without leaving Cascade.

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 Windsurf

Create your Vinkius account to connect Lanhu to Windsurf 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 Windsurf

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Automated UI Generation with Windsurf Cascade

This setup uses `list_layers` and `get_file` to feed raw design specs directly into your Cascade agent. Instead of manual copying, your agent reads the exact layer hierarchy and grabs the image files it needs to build components. You tell Cascade what component you need, and it plans the entire file-creation sequence. It inspects the board details using `get_board` and writes the React or Vue code to match the visual architecture in one shot.

Live Design Audit Inside Your IDE

The `list_project_files` and `list_boards` tools let Windsurf map your local file structure against the latest design updates. Cascade can scan your workspace, find outdated assets, and download the fresh versions automatically. You don't have to keep a browser tab open to check if a design changed. By comparing your code with the output of `get_project`, it ensures everything stays in sync.

Team Feedback Loop via MCP Server Integration

This integration uses `get_comments` to bring designer feedback directly into your Windsurf chat. Cascade reads these comment threads, matches them to specific files, and suggests code edits to resolve outstanding design issues. It keeps your development cycle tight. By combining `list_members` with comment tracking, Cascade can even tell you which designer left the note so you can coordinate changes without leaving your editor.

Setup guide

Set up Lanhu MCP in Windsurf

Prerequisites

Windsurf IDE installed (macOS, Windows, or Linux)
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Click the Cascade assistant icon in the sidebar, then click the hammer icon (🔨) at the top of the panel. Select "Configure" to open ~/.codeium/windsurf/mcp_config.json.
2

Add the Lanhu MCP

Paste the JSON snippet shown on the right into the mcpServers object. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Refresh MCPs

Go back to the hammer icon (🔨) in Cascade and click "Refresh". Windsurf will detect the new server. No full restart is needed — the connection is hot-reloaded.
4

Verify in Cascade

Start a new Cascade conversation and ask something like "Show my Lanhu payment history." If connected, Cascade will call the Lanhu tools directly. You will see a green dot next to the server name in the MCP panel.

mcp_config.json

{
  "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 Windsurf

It gives Cascade direct access to your design canvas. By calling `list_layers` and `get_file`, Cascade inspects the layout and drafts pixel-perfect components without you needing to copy CSS values.

Yes, Windsurf can run background checks using `list_boards` and `get_project`. Cascade compares these board updates against your local codebase to flag when a designer has changed a layout.

You ask Cascade to pull active threads with `get_comments`. It reads the feedback, locates the corresponding code, and modifies the component to address the designer's notes.

No, Windsurf auto-discovers all ten tools once you add the MCP server to your configuration. Cascade determines when to use `list_project_files` or `get_board` based on your prompt.

Your design files, layer metadata, and team comments never leave your local machine or your Vinkius sandbox. The MCP server runs in an isolated environment, routing your credentials securely to fetch design assets without exposing your workspace.

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