Getting started
Getting started with Vynix
Vynix turns point-and-click website feedback into structured context your AI coding agent can act on. This quickstart takes you from zero to your first captured annotation.
What you get
Vynix lets anyone point at an element on a live page, leave a note, and automatically capture the element, its CSS selector, the surrounding DOM, console errors, failed network requests and a screenshot.
That context becomes an AI diagnosis, a one-click GitHub issue, or a ready-to-paste prompt for agents like GitHub Copilot, Claude Code, Cursor and Windsurf, all without the reviewer writing a single line of code.
Two ways to install
You can run Vynix as an embeddable widget (a single script tag you add to your site) or as a Chrome extension that works on any site with no code. The widget is best for a site you own and want everyone to use; the extension is best for reviewing sites you cannot edit.
Both surfaces produce the same structured annotation, so your team can mix and match.
Install Vynix and capture your first annotation
- 1
Create a project
Sign in to Vynix and create a project. Each project has its own ingest key and feedback inbox.
- 2
Add the widget
Copy the one-line script tag from the install page and paste it into your site, or install the Chrome extension to skip the code.
- 3
Open the toolbar
Load your page, open the Vynix toolbar, and click an element you want to report.
- 4
Leave a note
Add a short note, pick a type and priority, and submit. Vynix captures the element, DOM, console and network context automatically.
- 5
Hand it off
Open the annotation in your dashboard and run an AI diagnosis, create a GitHub issue, or copy an agent-ready prompt.
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.