ui-diff-mcp
Provides integration with NVIDIA's Vision Language Model (VLM) for analyzing mobile app screenshots and comparing them against mockup designs.
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@ui-diff-mcpcompare screenshot of login page to design mockup"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
ui-diff-mcp
Successor project for mobile-ui-diff-mcp.
Current research/design spec:
docs/superpowers/specs/2026-06-12-ui-diff-mcp-research-design.md
Rejected historical plan:
docs/superpowers/plans/2026-06-12-ui-diff-mcp-successor.md
This repository is intended to become a general MCP server for comparing mobile app screenshots against mockup designs, with Calorix as the first demanding integration target.
Installation
npm installRelated MCP server: UI Screenshot Comparison MCP
Verification
npm run verifyBuild
npm run buildRunning the server
node C:/Users/xursc/projects/ui-diff-mcp/dist/index.jsEnvironment Variables
Create a .env file in the root of the project and add the following variables:
OPENROUTER_API_KEY(required)LOCATEANYTHING_SIDECAR_URL(optional, defaults tohttp://127.0.0.1:39731)NVIDIA_API_KEY(optional)NVIDIA_VLM_BASE_URL(optional)
This implementation requires no user-authored target map, ROI map, ignore mask, or anchor dump.
This server cannot be installed
Maintenance
Resources
Unclaimed servers have limited discoverability.
Looking for Admin?
If you are the server author, to access and configure the admin panel.
Latest Blog Posts
MCP directory API
We provide all the information about MCP servers via our MCP API.
curl -X GET 'https://glama.ai/api/mcp/v1/servers/ia23a-lachnita/ui-diff-mcp'
If you have feedback or need assistance with the MCP directory API, please join our Discord server