Vynix — Claude Code MCP server: what it does, how to install
Connects coding agents to visual bug reports, DOM metadata, and browser logs from Vynix. Helps fix frontend issues with clear visual context.
claude mcp add --transport http vynix-mcp https://mcp.vynix.in/mcpWhat Vynix does
Vynix feeds visual bug tracking context into your coding agent. Instead of parsing vague text reports, the model inspects annotated elements, browser console events, and screenshots. This removes blind guesswork. Troubleshooting front-end errors relies on real runtime artifacts.
The server provides 17 read and write tools. Agents can read feedback entries, adjust statuses, run diagnostics, and open GitHub issues. Running it locally via stdio requires Node.js 18+ and a configured VYNIX_API_TOKEN.
What it helps with
- inspect browser logs and screenshots tied to visual bug reports
- turn annotated interface issues into GitHub tickets
- diagnose broken DOM elements before modifying codebase files
- modify issue status flags without opening the web interface
Example prompts for the agent
- Fetch recent Vynix reports containing network errors
- Inspect the screenshot for this annotation and pinpoint the target selector
- Open a GitHub issue using details from the selected Vynix bug report
How to install Vynix
1Platform CLI: remote server
claude mcp add --transport http vynix-mcp https://mcp.vynix.in/mcp2Platform CLI
claude mcp add --env VYNIX_API_URL=<VYNIX_API_URL> --env VYNIX_API_TOKEN=<VYNIX_API_TOKEN> --transport stdio vynix -- npx -y @usevynix/mcp-serverReplace <…> with your own values
1Platform CLI: remote server
codex mcp add vynix --url https://mcp.vynix.in/mcp2Platform CLI
codex mcp add vynix --env VYNIX_API_URL=<VYNIX_API_URL> --env VYNIX_API_TOKEN=<VYNIX_API_TOKEN> -- npx -y @usevynix/mcp-serverReplace <…> with your own values
Config file
{
"mcpServers": {
"vynix": {
"url": "https://mcp.vynix.in/mcp"
}
}
}{
"mcpServers": {
"vynix": {
"command": "npx",
"args": [
"-y",
"@usevynix/mcp-server"
],
"env": {
"VYNIX_API_URL": "<VYNIX_API_URL>",
"VYNIX_API_TOKEN": "<VYNIX_API_TOKEN>"
}
}
}
}Replace <…> with your own values
Config file
{
"servers": {
"vynix": {
"type": "http",
"url": "https://mcp.vynix.in/mcp"
}
}
}{
"servers": {
"vynix": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@usevynix/mcp-server"
],
"env": {
"VYNIX_API_URL": "<VYNIX_API_URL>",
"VYNIX_API_TOKEN": "<VYNIX_API_TOKEN>"
}
}
}
}Replace <…> with your own values
1Platform CLI: remote server
gemini mcp add -t http vynix https://mcp.vynix.in/mcp2Platform CLI
gemini mcp add -e VYNIX_API_URL=<VYNIX_API_URL> -e VYNIX_API_TOKEN=<VYNIX_API_TOKEN> vynix npx -y @usevynix/mcp-serverReplace <…> with your own values
Step by step, with commands for each platform: How to add an MCP server to Claude Code, Codex, Cursor, VS Code, Gemini CLI and more
Questions about Vynix
How to install Vynix in Claude Code?
Run claude mcp add --transport http vynix https://mcp.vynix.in/mcp to register the HTTP endpoint.
What does the Vynix MCP server do?
It exposes Vynix bug data to your coding assistant. The agent reads DOM details, inspects screenshots, and triggers GitHub workflows.
Does Vynix share data with external AI providers?
External AI services run only during diagnose_annotation calls. Those requests use the AI integrations configured in your Vynix workspace.
