Lanhu Connector for AI agents.
10 live capabilities
Connect your design handoffs and design assets to your AI agent.
Waiting for input…
Why people use Lanhu
Lanhu for faster design handoffs and asset management
This Connector changes that by letting your AI agent actually see what's happening inside Lanhu. Instead of copy-pasting specs or taking screenshots, you can just ask your agent to find a specific project or check the layer structure. You get a way to keep production moving without the constant context switching that slows everyone down.
What Vinkius changes
You get a direct line from your AI agent to your design assets without the manual navigation.
Use it from Claude, ChatGPT, Cursor or another AI client you already have.
One account · 5,900+ Connectors
- Real-world use case 01
The Dev Handoff
A developer asks the agent to check the layers for the login screen to see if the buttons are grouped correctly for export.
- Real-world use case 02
The Feedback Loop
A PM asks the agent to summarize the last 20 comments on the checkout page to see what the designers agreed on regarding the color.
- Real-world use case 03
The Asset Hunt
A designer needs to find all files related to the Summer Campaign and asks the agent to list them across all projects.
Complete set · 10capabilities
The complete Lanhu capability set.
These are the exact actions your AI can choose when you ask it to work with Lanhu.
01—04
4 capabilities in this set.
Part of 10 available through Lanhu.
- 01 Capability
Get board
Get board details to see how a project is organized. This helps you understand milestones and structure.
- 02 Capability
Get file
Get design file info to see the core metadata. Use it to understand the scope of any asset instantly.
- 03 Capability
Get project
Get project details to see the main scope of a workspace. This helps you navigate your design history.
- 04 Capability
List boards
List project boards to see all the different views within a project. This helps you find specific organization layouts.
05—07
3 capabilities in this set.
Part of 10 available through Lanhu.
- 05 Capability
List layers
List file layers to audit the internal node structure. Use it to verify how components are built for development.
- 06 Capability
List members
List team members to see who is on your team. This helps you manage assignments and see who owns what.
- 07 Capability
List project files
List project design files to find all assets within a project. This helps you locate specific files from different sources.
08—10
3 capabilities in this set.
Part of 10 available through Lanhu.
- 08 Capability
List team projects
List team projects to see what a specific group is working on. This helps you track project distribution across teams.
- 09 Capability
Get comments
Get file comments to see what the team is saying. This helps you stay on top of feedback without manual checking.
- 10 Capability
List teams
List all Lanhu teams to see the full team structure. Use it to manage participation and access across the workspace.
Set up in minutes
One URL. Then ask Lanhu to work.
Claude and ChatGPT only need the Connector URL. Copy it once, add it in settings, and use Lanhu from the conversation.
Choose your client
Live previewAdvanced clients IDE · CLI
Claude · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_4iCH3CfiI2AC3jXYEzpWp1PeEIfLrczfwHOLhlzu/mcp - Step 01
Open Connectors
In Claude Web or Claude Desktop, open Settings and choose Connectors.
- Step 02
Add the URL
Choose Add custom connector, name it Lanhu, and paste the URL above.
- Step 03
Turn it on in chat
Select +, open Connectors, and enable Lanhu for the conversation.
ChatGPT · Web + desktop
Connector URL · ready to paste
Streamable HTTPhttps://edge.vinkius.com/vk_preview_4iCH3CfiI2AC3jXYEzpWp1PeEIfLrczfwHOLhlzu/mcp - Step 01
Open MCP settings
On desktop, open Settings and MCP servers. On web, open your workspace app or connector settings.
- Step 02
Add the URL
Choose Add server with Streamable HTTP, or create a custom MCP app, then paste the Lanhu URL.
- Step 03
Save and start
Save the connection and enable Lanhu in your conversation. Desktop may ask you to restart once.
Cursor · IDE configuration
Advanced setup
{
"mcpServers": {
"lanhu": {
"url": "https://edge.vinkius.com/vk_preview_4iCH3CfiI2AC3jXYEzpWp1PeEIfLrczfwHOLhlzu/mcp"
}
}
} - Step 01
Open MCP Settings
Press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Windows/Linux) → search "MCP Settings"
- Step 02
Add the server config
Paste the JSON configuration above into the mcp.json file that opens
- Step 03
Save the file
Cursor will automatically detect the new Connector
- Step 04
Start using Lanhu
Open Agent mode in chat and ask: "Using Lanhu, help me...". 10 tools available
VS Code Copilot · IDE configuration
Advanced setup
{
"mcpServers": {
"lanhu": {
"url": "https://edge.vinkius.com/vk_preview_4iCH3CfiI2AC3jXYEzpWp1PeEIfLrczfwHOLhlzu/mcp"
}
}
} - Step 01
Create MCP config
Create a .vscode/mcp.json file in your project root
- Step 02
Add the server config
Paste the JSON configuration above
- Step 03
Enable Agent mode
Open GitHub Copilot Chat and switch to Agent mode using the dropdown
- Step 04
Start using Lanhu
Ask Copilot: "Using Lanhu, help me...". 10 tools available
Windsurf · IDE configuration
Advanced setup
{
"mcpServers": {
"lanhu": {
"url": "https://edge.vinkius.com/vk_preview_4iCH3CfiI2AC3jXYEzpWp1PeEIfLrczfwHOLhlzu/mcp"
}
}
} - Step 01
Open MCP Settings
Go to Settings → MCP Configuration or press Cmd+Shift+P and search "MCP"
- Step 02
Add the server
Paste the JSON configuration above into mcp_config.json
- Step 03
Save and reload
Windsurf will detect the new server automatically
- Step 04
Start using Lanhu
Open Cascade and ask: "Using Lanhu, help me...". 10 tools available
Cline · IDE configuration
Advanced setup
{
"mcpServers": {
"lanhu": {
"url": "https://edge.vinkius.com/vk_preview_4iCH3CfiI2AC3jXYEzpWp1PeEIfLrczfwHOLhlzu/mcp"
}
}
} - Step 01
Open Cline MCP Settings
Click the Connectors icon in the Cline sidebar panel
- Step 02
Add remote server
Click "Add Connector" and paste the configuration above
- Step 03
Enable the server
Toggle the server switch to ON
- Step 04
Start using Lanhu
Ask Cline: "Using Lanhu, help me...". 10 tools available
Claude Code · Terminal command
Advanced setup
claude mcp add lanhu --transport http "https://edge.vinkius.com/vk_preview_4iCH3CfiI2AC3jXYEzpWp1PeEIfLrczfwHOLhlzu/mcp" - Step 01
Install Claude Code
Run npm install -g @anthropic-ai/claude-code if not already installed
- Step 02
Add the Connector
Run the command above in your terminal
- Step 03
Verify the connection
Run claude mcp to list connected servers, or type /mcp inside a session
- Step 04
Start using Lanhu
Ask Claude: "Using Lanhu, show me...". 10 tools are ready
Where the request belongs
Work Lanhu can move forward.
This is for designers and developers who are tired of the friction between the design capability and the code editor. It solves the problem of lost context and manual spec hunting.
Product Designer
Managing dozens of assets and needing to quickly find specific layers for dev handoff on a Tuesday afternoon.
Frontend Developer
Pulling exact component specs and layer data directly into their coding environment to avoid asking for clarification.
Product Manager
Tracking progress across multiple projects and summarizing team feedback to keep stakeholders informed.
Design Ops
Organizing large-scale design systems and keeping team permissions in check across the entire workspace.
Build the capability set
Add more capabilities.
Each Connector adds new actions and data without changing how you work.
Browse ConnectorsMasterGo
Collaborative design platform and UI/UX capability. manage design files, nodes, and comments via AI.
Pixso
Collaborative design platform and UI/UX capability. manage design files, nodes, and teams via AI.
Figma
Connect Figma to automate design workflows. inspect files, render layers as images, and manage comments directly from your AI agent.
Design Pickle
Equip your AI agent to manage graphic design requests, track brand profiles, and monitor your production queue via the Design Pickle API.
Tower
Lightweight project management and team collaboration platform. manage tasks, projects, and discussions via AI.
ONES
Enterprise R&D project management platform. manage tasks, projects, and workflows via AI.
Bring your own AI
Change the model, client or framework. Keep Lanhu connected.
-
Claude -
ChatGPT -
Gemini -
Cursor -
VS Code -
Windsurf -
ZCode -
Cline -
Zed -
Continue -
Kiro -
Roo Code -
Zencoder -
Goose -
Void -
Augment Code -
Amp -
Qodo -
Tabnine -
Pieces -
Sourcegraph Cody -
JetBrains -
Warp -
Amazon Q -
Antigravity -
BoltAI -
Raycast -
Jan -
LM Studio -
AnythingLLM -
Open WebUI -
Msty -
Cherry Studio -
LibreChat -
TypingMind -
Chorus -
5ire -
n8n -
LangChain -
LlamaIndex -
CrewAI -
Vercel AI SDK
Before you connect
Questions about Lanhu.
The practical details behind the request, access and result.
Can the Lanhu MCP help with design handoffs?
Yes, it does. It allows your AI agent to pull specific design file info and layer structures directly into your chat, making it much faster to get specs to your dev team.
How do I see team feedback using Lanhu MCP?
You can ask your agent to pull all comments from a specific file. It will gather the latest discussions so you can see what the team is saying without opening the app.
Does this work with Cursor or other AI clients?
Yes, it works with any MCP-compatible client like Cursor, Claude, or Windsurf once you connect it via the Vinkius Marketplace.
Can I audit my design files for dev-readiness?
Absolutely. You can have your agent list the layers of any file to check the internal node structure and ensure everything is organized correctly.
Can it see my team members?
Yes, it can list all team members in your workspace. This is helpful for identifying who owns specific projects or managing assignments.
Can I use Lanhu MCP to find files from Sketch or Figma?
This Connector specifically connects to your Lanhu workspace. If you have imported files from Sketch or Figma into Lanhu, your agent can find those assets.
How do I get my design specs into my dev workspace?
By connecting this Connector, your AI agent acts as a bridge. You can ask it to find the specs for a component and it will pull that data into your workspace automatically.
How do I find my Lanhu Access Token?
Log in to Lanhu, go to [User Settings] → [Access Token], and generate a new token. Copy it immediately as it won't be shown again.
Can I read design layer information through the agent?
Yes. Use the list_layers capability with the design file ID. This allows your agent to retrieve the layer structure and design nodes for that specific file.
Does Lanhu support team-based organization?
Yes. You can list all your teams using the list_teams capability and then explore projects and members specifically for each team using their IDs.
One connection away
Give your agent a direct line to Lanhu.
Connect Lanhu once. Keep it beside 5,900+ managed Connectors when the next task needs more.
Explore every Connector No credit card required · Free tier available