# Getting Started with Vynix - Quickstart Guide

> Install Vynix on any website in minutes, capture your first annotation, and hand it to an AI coding agent. A quickstart for the widget and extension.

[Docs](/docs/)/Getting started

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.  1
    
    Create a project
    
    Sign in to Vynix and create a project. Each project has its own ingest key and feedback inbox.
    
2.  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.  3
    
    Open the toolbar
    
    Load your page, open the Vynix toolbar, and click an element you want to report.
    
4.  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.  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.
    

## Related

[Install Vynix](/install/)[Browser extension](/docs/browser-extension/)[Capturing feedback](/docs/annotation/)

[<- All docs](/docs/)[Capturing feedback ->](/docs/annotation/)

## 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 free](/register)[Read the install guide](/install/)

---

Source: https://www.vynix.in/docs/getting-started/ | Markdown version for AI agents. Full site index: https://www.vynix.in/llms.txt