Agent Skills
Home /Claude Skills /browser-annotator-skills
Highly Recommended

Browser Annotator Skills

No more back-and-forth with screenshots and text descriptions
Add a laser pointer to web conversations
Core Principle:
This plugin lets you doodle directly on web pages to highlight key areas, then ask Claude what those marks mean. It's like circling key points with a red pen and asking a teacher - except this AI tutor is always online.
KEY FEATURES
01WYSIWYG
Doodle directly on web pages, Claude sees every stroke
02Dual Support
Works with Chrome extensions and Playwright automation
03One-Click Reset
Made a mistake? Clear and restart instantly
04Lossless Capture
Original webpage remains intact, only your annotations are captured
github.com/BarclayII/browser-annotator-skills
tools·BarclayII·2026-01-14·⭐ 0·🔱 0
Curated by agent-skills.cc
Installation
Download
HTTPS
git clone https://github.com/BarclayII/browser-annotator-skills.git
SSH
git clone [email protected]:BarclayII/browser-annotator-skills.git
GitHub CLI
gh repo clone BarclayII/browser-annotator-skills
FAQ
Q: What are the installation steps for Browser Annotator Skills Agent Skills?
1.Activate: Enter /annotate command to wake toolbar
2.Markup: Use red pen to circle key areas directly
3.Capture: Click Done to generate annotated screenshot
4.Analyze: Claude analyzes based on your circles
Q: What are the highlights of Browser Annotator Skills Agent Skills?
  • No tool switching
  • Supports automated testing
  • Retains drawing strokes
  • Zero-code usage
Q: What are the use cases for Browser Annotator Skills Agent Skills?
  • UI design review
  • Front-end development communication
  • Bug reporting markup
  • Online learning annotation
Q: What are the limitations of Browser Annotator Skills Agent Skills?
  • Claude ecosystem only
  • Limited complex graphic markup
Related Claude Code Skills
system-prompts-and-models-of-ai-tools

x1xhlol/system-prompts-and-models-of-ai-tools

x1xhlol

FULL Augment Code, Claude Code, Cluely, CodeBuddy, Comet, Cursor, Devin AI, Junie, Kiro, Leap.new, Lovable, Manus, NotionAI, Orchids.app, Perplexity, Poke, Qoder, Replit, Same.dev, Trae, Traycer AI, VSCode Agent, Warp.dev, Windsurf, Xcode, Z.ai Code, Dia & v0. (And other Open Sourced) System Prompts, Internal Tools & AI Models

300k+ lines of real system prompts let you develop from the perspective of AI tool creators

108.4k28.4k
claude-code

anthropics/claude-code

anthropics

Claude Code is an agentic coding tool that lives in your terminal, understands your codebase, and helps you code faster by executing routine tasks, explaining complex code, and handling git workflows - all through natural language commands.

Dramatically boosts development efficiency, handles complex Git operations with simple commands

56.7k4.1k
superpowers

obra/superpowers

obra

An agentic skills framework & software development methodology that works.

Not just coding but organizing development workflow - like getting a free technical lead

45.5k3.4k
cherry-studio

CherryHQ/cherry-studio

CherryHQ

AI Agent + Coding Agent + 300+ assistants: agentic AI desktop with autonomous coding, intelligent automation, and unified access to frontier LLMs.

Integrates top AI services with document processing and coding features, offering commercial-grade experience for free

38.7k3.6k
everything-claude-code

affaan-m/everything-claude-code

affaan-m

Complete Claude Code configuration collection - agents, skills, hooks, commands, rules, MCPs. Battle-tested configs from an Anthropic hackathon winner.

37k stars validate its practical essence, directly improving code quality and development efficiency

33.3k4.1k
awesome-claude-skills

ComposioHQ/awesome-claude-skills

ComposioHQ

A curated list of awesome Claude Skills, resources, and tools for customizing Claude AI workflows

Seamlessly integrates with your toolchain, automates routine tasks so you can focus on creative work

27.3k2.6k