# Vynix

> Vynix is an AI-native visual website feedback platform. You point at any element on a live web page, leave a note, and Vynix captures the structured context an AI coding agent needs to fix it: the exact element and selector, the surrounding DOM, console errors, failed network requests, and a screenshot. That context flows to a native Model Context Protocol (MCP) server, one-click GitHub issues, and ready-to-paste prompts for agents like GitHub Copilot, Claude Code, Cursor and Windsurf, then closes the loop by verifying the fix.

Vynix replaces vague screenshots and "it's broken on this page" messages with a precise, machine-readable bug report. It is built for teams shipping with AI coding agents, where the quality of the captured context decides whether the agent can fix the problem on the first try.

Key facts:
- What it is: visual website annotation plus AI bug diagnosis and developer-context capture.
- Who it is for: developers, QA engineers, product managers, designers, agencies, and AI-assisted engineering teams.
- How you install it: a one-line embeddable widget (script tag) on any website, or a Chrome extension that works on any site without code.
- What makes it different: it captures DOM, console and network context (not just a screenshot), ships a native MCP server so AI agents can read feedback directly, turns a note into a GitHub issue in one click (with Copilot assignment), runs an AI diagnosis with likely root causes and files, and verifies whether the fix actually landed.
- Pricing: a free tier (bring your own AI key), plus Pro and Business plans with included AI credits. See the pricing page for current numbers.
- Contact: hello@vynix.in

## Core pages

- [Homepage](https://www.vynix.in/): What Vynix is and the point-to-fix workflow.
- [Features](https://www.vynix.in/features/): Annotation, DOM/console/network capture, AI diagnosis, MCP server, GitHub issues, screenshots, roles and sharing.
- [How it works](https://www.vynix.in/how-it-works/): The full loop from a click on an element to a verified fix.
- [Pricing](https://www.vynix.in/pricing/): Free, Pro and Business plans, AI credits, and bring-your-own-key details.
- [Install](https://www.vynix.in/install/): Two ways to go live, the embeddable widget script tag and the Chrome extension.
- [API](https://www.vynix.in/api/): REST API overview for ingesting feedback and reading annotations.
- [MCP server](https://www.vynix.in/mcp/): Connect ChatGPT, Claude, Cursor, VS Code and Codex to Vynix visual website feedback over the Model Context Protocol.
- [FAQ](https://www.vynix.in/faq/): Common questions on setup, data capture, AI, privacy and integrations.
- [Demo](https://www.vynix.in/demo/): A live, self-playing walkthrough of the capture-to-fix flow.
- [Changelog](https://www.vynix.in/changelog/): What shipped and what is coming next.

## Documentation

- [Docs hub](https://www.vynix.in/docs/): Developer documentation index.
- [Getting started](https://www.vynix.in/docs/getting-started/): Install and capture your first annotation.
- [Capturing feedback](https://www.vynix.in/docs/annotation/): How an annotation captures element, DOM, console and network context.
- [AI diagnosis](https://www.vynix.in/docs/ai-diagnosis/): Summary, ranked root causes, suggested fix and likely files.
- [GitHub issues](https://www.vynix.in/docs/github/): Connect a repo and open issues from annotations.
- [GitHub Copilot](https://www.vynix.in/docs/copilot/): Hand a generated issue to the Copilot coding agent.
- [MCP server](https://www.vynix.in/docs/mcp/): Connect AI agents and IDEs over the Model Context Protocol.
- [Browser extension](https://www.vynix.in/docs/browser-extension/): Run Vynix on any site with no code.
- [REST API](https://www.vynix.in/docs/api/): API conventions and authentication.
- [Security](https://www.vynix.in/docs/security/): Encryption, access control and metadata-only diagnostics.

## Concepts and AI workflow

- [Model Context Protocol glossary](https://www.vynix.in/glossary/model-context-protocol/): How agents read Vynix feedback over MCP.
- [AI coding agent](https://www.vynix.in/glossary/ai-coding-agent/): What an AI coding agent is and how Vynix feeds it.
- [Website annotation](https://www.vynix.in/glossary/website-annotation/): Point-and-click feedback on live pages.
- [Developer context](https://www.vynix.in/glossary/developer-context/): The element, DOM, console and network data a fix needs.
- [Feedback loop](https://www.vynix.in/glossary/feedback-loop/): Capture, diagnose, hand off, verify.
- [Root cause analysis](https://www.vynix.in/glossary/root-cause-analysis/): How the AI diagnosis ranks likely causes and files.

## Guides and tutorials

- [How Vynix works, from a click to a fix](https://www.vynix.in/blog/how-vynix-works-from-a-click-to-a-fix/)
- [How to install Vynix on any website](https://www.vynix.in/blog/how-to-install-vynix-on-any-website/)
- [Using the Vynix MCP server with your AI agent](https://www.vynix.in/blog/using-the-vynix-mcp-server-with-your-ai-agent/)
- [Turn a visual note into a GitHub issue in one step](https://www.vynix.in/blog/turn-a-visual-note-into-a-github-issue-in-one-step/)
- [How to write bug reports an AI coding agent can fix](https://www.vynix.in/blog/how-to-write-bug-reports-an-ai-coding-agent-can-fix/)
- [The context an AI agent needs to fix a front-end bug](https://www.vynix.in/blog/the-context-an-ai-agent-needs-to-fix-a-front-end-bug/)
- [Stop sending screenshots to your AI agent](https://www.vynix.in/blog/stop-sending-screenshots-to-your-ai/)
- [Connect Cursor to your website feedback](https://www.vynix.in/integrations/cursor/)

## Comparisons

- [Vynix vs Marker.io](https://www.vynix.in/compare/marker-io-vs-vynix/)
- [Vynix vs Usersnap](https://www.vynix.in/compare/usersnap-vs-vynix/)
- [Vynix vs BugHerd](https://www.vynix.in/compare/bugherd-vs-vynix/)
- [Vynix vs Jam](https://www.vynix.in/compare/jam-vs-vynix/)
- [Vynix vs Userback](https://www.vynix.in/compare/userback-vs-vynix/)
- [Vynix vs Sentry](https://www.vynix.in/compare/sentry-vs-vynix/)
- [Vynix vs LogRocket](https://www.vynix.in/compare/logrocket-vs-vynix/)
- [Vynix vs Hotjar](https://www.vynix.in/compare/hotjar-vs-vynix/)
- [Vynix vs Linear](https://www.vynix.in/compare/linear-vs-vynix/)
- [Vynix vs Jira](https://www.vynix.in/compare/jira-vs-vynix/)
- [All comparisons](https://www.vynix.in/compare/)

## Use cases

- [For agencies](https://www.vynix.in/for/agencies/)
- [For QA teams](https://www.vynix.in/for/qa-teams/)
- [For startups](https://www.vynix.in/for/startups/)
- [For designers](https://www.vynix.in/for/designers/)
- [For AI developers](https://www.vynix.in/for/ai-developers/)
- [For SaaS teams](https://www.vynix.in/for/saas-teams/)
- [For support teams](https://www.vynix.in/for/support-teams/)
- [For open source](https://www.vynix.in/for/open-source/)

## Buyer guides

- [Best website feedback tools](https://www.vynix.in/best/best-website-feedback-tools/)
- [Best bug reporting tools](https://www.vynix.in/best/best-bug-reporting-tools/)
- [Best visual feedback tools](https://www.vynix.in/best/best-visual-feedback-tools/)
- [Best tools for AI coding agents](https://www.vynix.in/best/best-tools-for-ai-coding-agents/)

## Optional

- [Compare tools](https://www.vynix.in/compare/): Vynix vs other feedback, bug and issue tools.
- [Knowledge base](https://www.vynix.in/kb/): Setup and troubleshooting articles.
- [Security](https://www.vynix.in/security/): How Vynix handles security.
- [Privacy](https://www.vynix.in/privacy/): What Vynix collects and why.
- [Data use](https://www.vynix.in/data-use/): How captured context and AI keys are handled.
- [About](https://www.vynix.in/about/): Mission and principles.
- [Contact](https://www.vynix.in/contact/): hello@vynix.in
- [Full text for LLMs](https://www.vynix.in/llms-full.txt): The complete standalone knowledge source.