Agent Skills
Home /Claude Skills /browser-annotator-skills
强烈推荐

Browser Annotator Skills

从此网页交流不再需要截图+文字描述来回折腾
给网页对话加上激光笔
核心原理：
这个插件让你直接在网页上涂鸦标记重点区域，然后问问Claude这些标记是什么意思。就像用红笔圈重点问老师一样简单，只不过这位AI老师随时在线。
关键功能 (KEY FEATURES)
01所见即所得
直接在网页上涂鸦标记，Claude看得见你的每一笔
02双端适配
Chrome扩展和Playwright自动化测试都能用
03三秒清空
画错了？一键清除重新开始
04无损截图
原网页毫发无损，只带走你的标记
github.com/BarclayII/browser-annotator-skills
tools·BarclayII·2026-01-14·⭐ 0·🔱 0
精选导航站 agent-skills.cc
安装方式
下载
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
常见问答
Q: Browser Annotator Skills Agent Skills 的安装步骤是什么？
1.唤出画笔: 输入/annotate命令唤醒工具栏
2.圈画重点: 用红笔直接在网页上圈选关键区域
3.截图提问: 点击完成自动生成带标注的截图
4.获得解答: Claude根据你画的圈圈分析回答
Q: Browser Annotator Skills Agent Skills 的亮点是什么？
  • 不用切换工具
  • 支持自动化测试
  • 保留绘图笔迹
  • 零代码使用
Q: Browser Annotator Skills Agent Skills 的使用场景是什么？
  • UI设计评审
  • 前端开发沟通
  • bug报告标记
  • 在线学习标注
Q: Browser Annotator Skills Agent Skills 的局限性是什么？
  • 仅支持Claude生态
  • 复杂图形标记受限
相关 Claude Code Skills
system-prompts-and-models-of-ai-tools

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

x1xhlol

这是一个AI开发者必备的宝库，收录了30+主流AI工具的系统提示词和内部模型文档。相当于给你一本AI工具的'后厨食谱'，让你看透各大平台的运作机制。

30万行真实系统提示词，让你站在AI工具设计者的肩膀上开发

108.4k28.4k
claude-code

anthropics/claude-code

anthropics

Claude Code 是 Anthropic 官方的终端 CLI 工具，就像一个懂你代码的智能助手。它能帮你理解复杂代码、执行日常任务、处理 Git 工作流，一切只需用自然语言告诉它。

大幅提升开发效率，复杂的Git操作一句话搞定

56.7k4.1k
superpowers

obra/superpowers

obra

Superpowers 是你代码开发的超级助手。它能像资深工程师一样思考，把你的模糊想法变成清晰计划，分解任务并监督执行。不再是机械写代码，而是帮你设计、规划和把关整个开发流程。

不仅写代码，更懂如何组织开发流程，就像免费雇了个技术主管

45.5k3.4k
cherry-studio

CherryHQ/cherry-studio

CherryHQ

Cherry Studio 是你的 AI 超级工具箱，一个桌面端就能同时调用 OpenAI、Claude、Gemini 等主流大模型。300+预置助手任选，支持文档处理、代码高亮，还能多模型协同对话。

聚合主流AI服务，文档处理与代码开发无缝衔接，开源免费却有商业级体验

38.7k3.6k
everything-claude-code

affaan-m/everything-claude-code

affaan-m

这是一份Node.js后端开发的黄金指南，收录了RESTful API设计、数据库优化、缓存策略等实战模式。就像有个资深架构师手把手教你写出工业级代码，从此告别低效的后端开发。

37k星标验证的实战精华，直接提升代码质量和开发效率

33.3k4.1k
awesome-claude-skills

ComposioHQ/awesome-claude-skills

ComposioHQ

Awesome Claude Skills 是一个精选的技能合集，让你的Claude从聊天机器人变成全能助手。它能处理文档、分析数据、自动编程，甚至连接500+应用发送邮件、创建任务，真正解放你的双手。

无缝连接日常工具链，把机械操作交给AI，专注创造性工作

27.3k2.6k