How do I install the Annotate Ask skill?

Run npx skillmds@latest add barclayii/annotate-ask in your terminal (requires Node.js), paste this page's agent-chat prompt into Claude, Cursor, or any MCP-connected agent, or download the SKILL.md file and copy it into your agent's skills directory.

Is Annotate Ask safe to use?

This skill has not completed SkillMD's automated safety review yet. SkillMD never runs a skill's scripts for you; review the SKILL.md before installing.

Which AI agents work with Annotate Ask?

This skill is tagged as working with Claude Code, Claude.ai, OpenAI Codex. SKILL.md is an open format, so most agents that read a skills directory can load it too.

Is Annotate Ask free to use?

Yes. Installing skills from SkillMD is free. This skill is licensed under MIT.

Who published Annotate Ask?

BarclayII (@barclayii) published this skill. Their other Agent Skills are listed on their SkillMD profile.

Annotate Ask by barclayii — Agent Skill

Name: Annotate Ask
Author: BarclayII

Annotate Ask

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.

BarclayII 6e2f19e 1.5 KB Updated Sep 17, 2026

File contents

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.

Frequently asked questions