Install

One script tag. Any site.

Vynix is a single, dependency-free script. Drop it into any stack and start collecting agent-ready feedback in minutes.

✓
2
3
<script
  sr
✓Widget connected. Launcher is live on your site.
Point at any element and leave a note.1
index.html
<script
  src="https://cdn.vynix.in/widget.js"
  data-project-key="YOUR_PROJECT_KEY"
  data-api="https://www.vynix.in"
  defer
></script>
Three steps

Live in under two minutes

01

Create a project

Sign in, create a project for your site, and copy its public project key from the dashboard.

02

Add one script tag

Paste the snippet just before your closing </body> tag. It loads deferred and never blocks rendering.

03

Start annotating

Open your site, click the Vynix launcher, point at any element and leave a note. That’s it.

Compatibility

Works with your stack

Because it’s a plain script isolated in a Shadow DOM, Vynix runs the same everywhere: no plugin, no build step.

Static HTML
PHP
WordPress
Laravel
React
Vue
Next.js
Svelte
Configuration

Script attributes

data-project-keyrequired

Your project’s public key from the dashboard. Tells Vynix where annotations belong.

data-apirequired

Your Vynix API base URL.

data-capture-diagnosticsoptional

Set to "false" to disable console & network capture. Defaults to true.

data-themeoptional

"auto" (default), "light" or "dark" to match your site.

deferoptional

Recommended. Loads the widget without blocking your page.

Connect your agent

Add the MCP server

Register the Vynix MCP server with any compatible client to let your agent read and resolve annotations directly. Add this to your client’s MCP config and restart it.

  • Use a personal token from your dashboard.
  • Point VYNIX_API at your Vynix instance.
  • Then ask your agent: “what feedback do I have?”
mcp.json
{
  "mcpServers": {
    "vynix": {
      "command": "npx",
      "args": ["-y", "@vynix/mcp-server"],
      "env": {
        "VYNIX_API_URL": "https://www.vynix.in",
        "VYNIX_API_TOKEN": "your_personal_token"
      }
    }
  }
}

Stop describing bugs. Point at them.

Add one script tag and give your AI agent the context it has been missing. Free while we grow.

Get started freeRead the install guide