# Vynix

Connects coding agents to visual bug reports, DOM metadata, and browser logs from Vynix. Helps fix frontend issues with clear visual context.

- MCP server · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 13
- Author: UseVynix
- License: MIT · policy=link-only · description only; the file stays with the author
- Source: https://github.com/UseVynix/vynix-mcp
- Updated: 2026-08-22
- HTML: https://affpapa.org/en/nevibecode/mcp/vynix

## What it 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`.

## Requirements
- Needs: Node.js (commands run via npx)
- Remote server: `https://mcp.vynix.in/mcp`
- Environment variables: `VYNIX_API_URL`, `VYNIX_API_TOKEN` — keys and tokens: ask the human for the values, never commit them or put them in shared files.

## Install

### Claude Code (native platform)

1. **Platform CLI: remote server**
```bash
claude mcp add --transport http vynix-mcp https://mcp.vynix.in/mcp
```

2. **Platform CLI**
```bash
claude mcp add --env VYNIX_API_URL=<VYNIX_API_URL> --env VYNIX_API_TOKEN=<VYNIX_API_TOKEN> --transport stdio vynix -- npx -y @usevynix/mcp-server
```
Replace <…> with your own values

### Codex

1. **Platform CLI: remote server**
```bash
codex mcp add vynix --url https://mcp.vynix.in/mcp
```

2. **Platform CLI**
```bash
codex mcp add vynix --env VYNIX_API_URL=<VYNIX_API_URL> --env VYNIX_API_TOKEN=<VYNIX_API_TOKEN> -- npx -y @usevynix/mcp-server
```
Replace <…> with your own values

### Cursor

**Config file**
File `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "vynix": {
            "url": "https://mcp.vynix.in/mcp"
        }
    }
}
```
File `.cursor/mcp.json`:
```json
{
    "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

### GitHub Copilot

**Config file**
File `.vscode/mcp.json`:
```json
{
    "servers": {
        "vynix": {
            "type": "http",
            "url": "https://mcp.vynix.in/mcp"
        }
    }
}
```
File `.vscode/mcp.json`:
```json
{
    "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

### Gemini CLI

1. **Platform CLI: remote server**
```bash
gemini mcp add -t http vynix https://mcp.vynix.in/mcp
```

2. **Platform CLI**
```bash
gemini mcp add -e VYNIX_API_URL=<VYNIX_API_URL> -e VYNIX_API_TOKEN=<VYNIX_API_TOKEN> vynix npx -y @usevynix/mcp-server
```
Replace <…> with your own values

## When to use it
- 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
- 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

## Similar
- [Front-End Checklist](https://affpapa.org/en/nevibecode/mcp/front-end-checklist.md) — MCP server · ★ 74559
- [Keploy](https://affpapa.org/en/nevibecode/mcp/keploy.md) — MCP server · ★ 18727
- [SeleniumBase MCP](https://affpapa.org/en/nevibecode/mcp/seleniumbase-mcp.md) — MCP server · ★ 13169
- [mobile-mcp](https://affpapa.org/en/nevibecode/mcp/mobile-mcp.md) — MCP server · ★ 9946
- [e2e](https://affpapa.org/en/nevibecode/mcp/e2e.md) — MCP server · ★ 11912
- [mockserver](https://affpapa.org/en/nevibecode/mcp/mockserver.md) — MCP server · ★ 4996

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md