Annotate ask
Skill BarclayII/browser-annotator-skills/skills/annotate-ask
Browser annotation and question-answering skills for Claude Code
npx -y skills add BarclayII/browser-annotator-skills --skill annotate-askAssembled from the repository path, not quoted from the project. Check it against their README if it does not work.
One thing to look at
- 0 stars0 stars. Stars are a popularity signal and not a quality one, but at this level it is likely that nobody has read this closely except its author, and you would be relying on your own review.
What its author says it does
Copied from the file, not written here
INVOKE THIS SKILL when users ask questions about specific visual UI elements (e.g., "What is this button?", "What does this section do?", "Can you change this element's color?") or when they want to identify/discuss particular page components, and the agent lacks information to infer which part of the web page the user refers to. This skill lets users draw/circle elements instead of describing them.
The file declares its own license as MIT. That is the author’s claim about this one file, and it is not the same thing as the license GitHub reports for the repository, which is listed with the other numbers below.
SKILL.md
1.7 KB, as published. Nobody here has run it
Browser Annotation with Question (Chrome Version)
This skill helps users annotate the current browser page (using Claude in Chrome) and answer questions about what they annotated.
User's question: $ARGUMENTS
Step 1: Capture Annotated Screenshot
Use the Skill tool to run the /annotate command. This will:
- Inject an annotation overlay on the current browser page
- Let the user draw/highlight areas of interest
- Capture a screenshot with the annotations
- Bring the screenshot into Claude Code's context
Step 2: Answer the User's Question
After the /annotate command completes, examine the annotated screenshot now in context. Look at the red annotations the user drew to understand which parts of the page they're referring to.
Based on what you see in the annotated screenshot, answer the user's question: $ARGUMENTS
Focus your answer on:
- The areas the user highlighted/circled with red annotations
- What those elements are (buttons, text, images, etc.)
- Any specific details relevant to their question
Provide a clear, helpful response based on the visual annotations.