avis

Point at it instead of describing it

View on GitHub

Try it

Click + annotate and point at anything on this page.

On your own page: run /avis, leave notes, type "done". Your agent reads them back with enough context to find the code, then fixes and resolves each one.

Install

git clone https://github.com/sryo/avis ~/.claude/skills/avis

Clone wherever your agent loads skills from. It pairs with a browser MCP server; perch is the reference backend on macOS.

FAQ

What problem does this solve?

"Make this button bigger" doesn't say which button. Pointing does.

What does a note carry?

The element, its text, its selector path, the surrounding context, and the console output from just before you clicked. On React dev builds it also carries the source file and line, so the agent opens the right file without grepping.

Can the agent annotate the page for me?

Yes, and clicking its marker opens a reply box so you can answer on the page.

Can I change styles from a note?

Sliders inside a note tweak the CSS rule behind the element and preview it live. The agent gets the before and after so it edits the rule in source.

Where do the notes live?

In localStorage on the page. They survive a reload and nothing is sent anywhere.

Is it free?

Yes, open source and free to use.