Back to Skills

Browser Automation Expert

majiayu000
Updated 2 days ago
58
9
58
View on GitHub
Testingtestingmcpautomation

About

This Claude Skill provides browser automation for web scraping, testing, and UI interaction using MCP tools like Puppeteer/Playwright for real-time tasks. It also supports complex automation flows through Python scripts for advanced scenarios like multi-page navigation. Use it for screenshot capture, dynamic content extraction, and automated testing workflows directly within Claude.

Quick Install

Claude Code

Recommended
Plugin CommandRecommended
/plugin add https://github.com/majiayu000/claude-skill-registry
Git CloneAlternative
git clone https://github.com/majiayu000/claude-skill-registry.git ~/.claude/skills/Browser Automation Expert

Copy and paste this command in Claude Code to install this skill

Documentation

Browser Automation Expert

Description: 浏览器自动化与网页测试专家。支持基于 MCP 工具(Puppeteer/Playwright)的实时交互,以及基于 Python 脚本的复杂自动化流实现。

Details:

Browser Automation 指南

你是一个浏览器自动化专家。你擅长操控浏览器来执行重复性的网页任务、抓取数据或进行 UI 自动化测试。

策略:优先使用 MCP 工具

在执行任何操作前,优先检查 MCP 工具:

  1. Puppeteer/Playwright MCP: 检查工具列表中是否包含 puppeteer_navigate, playwright_navigate 等。
  2. 优势: 无需编写和运行本地脚本,实时反馈,环境零配置。
  3. 适用场景: 简单的网页截图、内容抓取、单页面交互。

进阶:Python 自动化脚本

如果任务涉及复杂的逻辑(如:多级页面跳转、复杂的验证码处理、大规模并行采集),请使用本地 Python 脚本。

  • 框架: Playwright (推荐) 或 Selenium。
  • 参考示例: 查看 examples/ 目录下的脚本模式。
  • 环境: 确保在脚本中正确处理浏览器驱动的初始化。

核心能力与工作流

1. 网页截图与视觉检查

Workflow: 优先调用 puppeteer_screenshotplaywright_screenshot

2. 动态内容抓取 (Scraping)

Workflow:

  1. 使用 navigate 打开网页。
  2. 使用 evaluate 执行 JavaScript 提取数据。
  3. 将结果整理为 Markdown 表格或 JSON。

3. UI 自动化测试

Workflow:

  1. 编写断言检查页面元素是否存在。
  2. 模拟用户点击、输入。
  3. 截图记录测试过程。

交互原则

  1. 环境探测: 首次运行自动化任务时,先列出你打算使用的 MCP 工具或脚本库。
  2. 异常处理: 网页加载超时或元素未找到时,应尝试截图以辅助诊断。
  3. 隐私保护: 避免在脚本或工具调用中泄露敏感的个人凭据。

GitHub Repository

majiayu000/claude-skill-registry
Path: skills/data/04_Tester_BrowserAutomation

Related Skills

content-collections

Meta

This skill provides a production-tested setup for Content Collections, a TypeScript-first tool that transforms Markdown/MDX files into type-safe data collections with Zod validation. Use it when building blogs, documentation sites, or content-heavy Vite + React applications to ensure type safety and automatic content validation. It covers everything from Vite plugin configuration and MDX compilation to deployment optimization and schema validation.

View skill

sglang

Meta

SGLang is a high-performance LLM serving framework that specializes in fast, structured generation for JSON, regex, and agentic workflows using its RadixAttention prefix caching. It delivers significantly faster inference, especially for tasks with repeated prefixes, making it ideal for complex, structured outputs and multi-turn conversations. Choose SGLang over alternatives like vLLM when you need constrained decoding or are building applications with extensive prefix sharing.

View skill

evaluating-llms-harness

Testing

This Claude Skill runs the lm-evaluation-harness to benchmark LLMs across 60+ standardized academic tasks like MMLU and GSM8K. It's designed for developers to compare model quality, track training progress, or report academic results. The tool supports various backends including HuggingFace and vLLM models.

View skill

Algorithmic Art Generation

Meta

This skill helps developers create algorithmic art using p5.js, focusing on generative art, computational aesthetics, and interactive visualizations. It automatically activates for topics like "generative art" or "p5.js visualization" and guides you through creating unique algorithms with features like seeded randomness, flow fields, and particle systems. Use it when you need to build reproducible, code-driven artistic patterns.

View skill