How to Use the Lanhu MCP in VS Code Copilot

Q: How do we deploy the Lanhu tools to our team in VS Code Copilot?

Create a .vscode/mcp.json file in your repository. Once committed, any developer using VS Code Copilot will have access to the design tools provided by the MCP Server.

Q: Can VS Code Copilot help us find specific Lanhu design files?

Yes. VS Code Copilot calls listprojectfiles to search for files within your selected project workspace.

Q: How does VS Code Copilot interact with Lanhu project members?

The agent uses listmembers to retrieve the team directory, letting you map comments to specific designers.

Q: Can we query multiple design teams at once?

You use listteams to retrieve all accessible teams, then query each team's projects individually.

Share design specs and comments across your entire engineering team inside VS Code Copilot.

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 VS Code Copilot

Create your Vinkius account to connect Lanhu to VS Code Copilot 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 VS Code Copilot

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Share team-wide VS Code Copilot configurations

The `list_team_projects` tool exposes your entire design workspace to your engineering team. By saving this MCP Server configuration in your repository, every developer instantly gains access to the same design assets. Your team uses VS Code Copilot to query project files without manual key sharing. This shared environment ensures everyone builds against the same approved design versions.

Parse layer hierarchies in the editor

The `list_layers` tool provides a complete breakdown of document layers directly to your editor. Developers use `get_board` to examine layout hierarchies and extract exact spacing values using this MCP protocol. This direct access removes the need to constantly check external design specs. VS Code Copilot parses the layout properties to suggest accurate styling tokens.

Resolve design feedback during code reviews

The `get_comments` tool retrieves feedback threads directly into your development workflow. Combined with `list_members`, you can see exactly which designer left the feedback. This makes it easy to address design requests before pushing code. VS Code Copilot reads the comments and helps you write the necessary fixes.

Setup guide

Set up Lanhu MCP in VS Code Copilot

Prerequisites

VS Code 1.99 or later with GitHub Copilot extension
Active Vinkius subscription with a valid endpoint token

1

Open MCP configuration

Open the Command Palette (Cmd+Shift+P / Ctrl+Shift+P) and run "MCP: Add Server". Select HTTP (Streamable) as the server type. VS Code will create .vscode/mcp.json in your workspace.
2

Add the Lanhu MCP

Paste the JSON snippet shown on the right into your .vscode/mcp.json. Replace [YOUR_TOKEN_HERE] with your endpoint token from cloud.vinkius.com.
3

Switch to Agent mode

Open Copilot Chat (Cmd+Shift+I / Ctrl+Shift+I) and switch to Agent mode using the dropdown. MCP tools are only available in Agent mode — they do not appear in Edit or Ask modes.
4

Verify the connection

In the Copilot Chat input, type # to list available tools. You should see the Lanhu tools listed. Try asking: "List my recent Lanhu transactions" and Copilot will invoke them automatically.

.vscode/mcp.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 VS Code Copilot

Create a `.vscode/mcp.json` file in your repository. Once committed, any developer using VS Code Copilot will have access to the design tools provided by the MCP Server.

Yes. VS Code Copilot calls `list_project_files` to search for files within your selected project workspace.

The agent uses `list_members` to retrieve the team directory, letting you map comments to specific designers.

You use `list_teams` to retrieve all accessible teams, then query each team's projects individually.

Vinkius manages connections using zero-trust architecture, ensuring your team directory and comments are transmitted securely without persistent storage on the MCP host.

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