Vynix MCP

Vynix: Visual Website Feedback for AI Coding Agents Capture visual website feedback with annotated screenshots, element inspection, browser annotations, DOM…

От сообществаРаботаетНужен API-ключГлобальныйБесплатноМожет изменять данные

Что умеет

  • List Projects: List the Vynix projects you own.
  • List Annotations: List a project’s annotations, optionally filtered by status, type, or priority. Start here with status "open" to see what needs fixing.
  • Get Annotation: Fetch one annotation with its full captured context: page, target element (selector, XPath, styles), surrounding DOM, and runtime diagnostics (console + network).

Какие данные видит

Нужен ли аккаунт

Нужен API-ключ из настроек сервиса

Vynix: Visual Website Feedback for AI Coding Agents

Capture visual website feedback with annotated screenshots, element inspection, browser annotations, DOM context, console logs, network requests, and AI-ready metadata.

Vynix helps developers, designers, QA teams, product managers, agencies, and AI coding agents reproduce and fix bugs faster by turning visual feedback into structured, actionable reports.

Features

  • 📸 Capture annotated screenshots
  • 🎯 Inspect page elements with browser annotation
  • 📝 Add visual website feedback
  • 🌐 Collect URL, viewport, browser/device info, and DOM context
  • 🐞 Capture console errors and network requests automatically
  • 🤖 Generate AI-ready reports for MCP-compatible coding assistants
  • 🔗 Create shareable feedback links
  • 🔒 Cloud or self-hosted deployment
  • ⚡ Connect coding agents via the Vynix MCP Server

Best For

Resources

Turn website feedback, browser annotations, and visual bug reports into actionable issues with complete visual and technical context.

Как подключить

Как подключить Vynix MCP к Claude

Адрес сервера, который нужно вставить в настройках Claude:

https://vynixmcp.run.tools

  1. Откройте Claude (сайт claude.ai или приложение для компьютера).
  2. Перейдите в Настройки → Коннекторы (в английском интерфейсе: Settings → Connectors).
  3. Нажмите Добавить пользовательский коннектор (Add custom connector).
  4. Вставьте адрес сервера, скопированный ниже, в поле URL удалённого MCP-сервера и нажмите Добавить.
  5. В чате нажмите + → Коннекторы и включите новый коннектор.

Пользовательские коннекторы доступны на тарифах Free, Pro, Max, Team и Enterprise. На Free можно добавить только один. В Team и Enterprise коннектор сначала добавляет владелец организации в Настройки организации → Коннекторы.

Авторизация

После нажатия Добавить откроется окно входа в сервис. Войдите под своим аккаунтом и подтвердите доступ. Пароль Claude не видит.

Как подключить Vynix MCP к ChatGPT

Адрес сервера, который нужно вставить в настройках ChatGPT:

https://vynixmcp.run.tools

  1. Откройте ChatGPT в браузере (chatgpt.com). Нужен тариф Plus, Pro, Business, Enterprise или Edu.
  2. Один раз включите режим разработчика: Настройки → Приложения → Дополнительные настройки → Режим разработчика (Settings → Apps → Advanced settings → Developer mode).
  3. Откройте Настройки → Коннекторы и нажмите Создать (Create).
  4. Заполните форму: Название (любое), Описание (одна фраза, что делает сервис), URL MCP-сервера (скопируйте ниже).
  5. В поле Аутентификация выберите OAuth, если сервис требует вход, иначе Нет. Нажмите Создать.
  6. В новом чате откройте + → Приложения/Коннекторы и включите коннектор.

Название раздела у OpenAI менялось (Connectors → Apps/Plugins). Если пункт называется иначе, ищите «режим разработчика» в настройках. В рабочих пространствах Business/Enterprise администратор должен разрешить пользовательские коннекторы.

Авторизация

При первом использовании ChatGPT откроет окно входа в сервис. Войдите и подтвердите доступ.

Как подключить Vynix MCP к Cursor

Адрес сервера, который нужно вставить в настройках Cursor:

https://vynixmcp.run.tools

Быстрый способ: нажмите кнопку Открыть в Cursor ниже, Cursor сам предложит добавить сервер.

Вручную:

  1. В Cursor откройте Settings → Cursor Settings → MCP и нажмите Add new global MCP server.
  2. Вставьте JSON, скопированный ниже, в открывшийся файл ~/.cursor/mcp.json (для одного проекта: .cursor/mcp.json в корне проекта).
  3. Сохраните файл. Сервер появится в списке MCP; при необходимости пройдите авторизацию по кнопке рядом с ним.

Авторизация

Если сервис требует вход, рядом с сервером в списке MCP появится кнопка авторизации.

Список инструментов сервера (17)

Технические названия из tools/list. Нужны только разработчикам.

list_projectsList the Vynix projects you own.
list_annotationsList a project’s annotations, optionally filtered by status, type, or priority. Start here with status "open" to see what needs fixing.
get_annotationFetch one annotation with its full captured context: page, target element (selector, XPath, styles), surrounding DOM, and runtime diagnostics (console + network).
list_commentsRead the discussion thread on an annotation.
get_annotation_analysisRead the latest stored AI diagnosis for an annotation (root causes, confidence, suggested fix, and likely source files). Returns null when none has been generated yet; run diagnose_annotation to create one.
get_annotation_screenshotsReturn the region screenshots attached to an annotation as viewable images, so you can see exactly what the reporter pointed at.
list_annotation_issuesList the tracker (GitHub) issues opened from an annotation, with each issue’s live state. Set refresh to reconcile against GitHub (open/closed + any linked pull request).
list_project_issuesList every tracker issue across a project, with an open/closed/agent summary.
generate_promptRender a ready-to-paste coding prompt for an annotation, formatted for a target assistant. A deterministic template (no AI spend); for a deeper analysis use diagnose_annotation.
get_metricsOverview of your projects: KPI counts, status breakdown, a daily time series, and recent activity.
list_membersList a project’s team members, including role and status.
get_activityRecent activity feed for a project (status changes, comments, issues, members).
update_annotation_statusUpdate an annotation’s status, e.g. to mark it in_progress or completed.
add_commentAdd a comment to an annotation’s thread, e.g. to record what you changed. Notifies the team.
diagnose_annotationRun the AI Diagnosis Engine on an annotation: it analyses the captured page, element, DOM, and runtime errors to produce ranked root causes, a confidence score, a suggested fix, and the likely source files. Calls an AI provider (uses tokens / may cost money) and stores the result. Requires AI + diagnosis enabled by the workspace admin and a key set.
create_github_issueCreate a GitHub issue from an annotation. Uses the project’s configured repo and assignee unless overridden. Embeds the generated AI prompt in the issue body.
create_share_linkMint a read-only public review link for a project, so a stakeholder can review its annotations without an account. Reporter emails are hidden on shared views.