Browser Automation Expert

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

155 stars

Best use case

Browser Automation Expert is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

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

Teams using Browser Automation Expert should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/04_Tester_BrowserAutomation/SKILL.md --create-dirs "https://raw.githubusercontent.com/boshi-xixixi/TraeSkill/main/.trae/Skills/04_Tester_BrowserAutomation/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/04_Tester_BrowserAutomation/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How Browser Automation Expert Compares

Feature / AgentBrowser Automation ExpertStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

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

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# 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_screenshot` 或 `playwright_screenshot`。

### 2. 动态内容抓取 (Scraping)
**Workflow**: 
1. 使用 `navigate` 打开网页。
2. 使用 `evaluate` 执行 JavaScript 提取数据。
3. 将结果整理为 Markdown 表格或 JSON。

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

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

Related Skills

Operations & Growth Expert

155
from boshi-xixixi/TraeSkill

专注于内容创作(文案、运营稿件)、运营数据分析、以及营销活动策划与设置。帮助项目实现从“可用”到“好用”及“增长”的闭环。

seo-technical-expert

155
from boshi-xixixi/TraeSkill

技术 SEO 专家,擅长网站性能优化、结构化数据、移动端优化和技术问题诊断。适用于网站技术实现、性能调优和搜索引擎抓取优化时使用。

Gitee Workflow Automation

155
from boshi-xixixi/TraeSkill

深度集成 Gitee MCP,实现 Issue 管理、PR 自动化提交、代码审查和版本发布的全流程自动化。

Backend Database Expert

155
from boshi-xixixi/TraeSkill

专注于数据库设计、SQL 优化和迁移策略。

Flutter Development Expert

155
from boshi-xixixi/TraeSkill

专注于构建高性能、可扩展且架构清晰的 Flutter 应用。涵盖整洁架构、高级状态管理和深度性能优化。

UI/UX Intelligence Expert

155
from boshi-xixixi/TraeSkill

UI/UX 设计智能库与推荐专家。包含 67 种风格、96 种配色方案、57 种字体搭配、99 条 UX 指南,支持跨技术栈的设计系统生成。

trae-project-setup

155
from boshi-xixixi/TraeSkill

Trae 项目规范化配置专家。用于快速初始化 Trae 项目配置文件、生成项目规则、用户偏好设置和 Skill 模板。当用户需要:(1) 初始化新项目的 Trae 配置 (2) 生成 .trae 目录结构 (3) 创建 USER_PREFERENCES.md 用户偏好文件 (4) 创建 project_rules.md 项目规则文件 (5) 创建新的 Skill 模板 时使用此 Skill。

skill-creator

155
from boshi-xixixi/TraeSkill

Guide for creating effective skills. This skill should be used when users want to create a new skill (or update an existing skill) that extends Claude's capabilities with specialized knowledge, workflows, or tool integrations.

user-customization

155
from boshi-xixixi/TraeSkill

指导用户如何自定义 Trae Skills 的配置,包括覆盖角色设定、调整技术偏好和定义全局规则。

AI Engineer

155
from boshi-xixixi/TraeSkill

专注于 LLM 应用开发,涵盖 RAG 和 LangChain 架构。

Security Specialist

155
from boshi-xixixi/TraeSkill

应用安全专家,专注于认证授权、数据保护和合规性审计。当用户需要:(1) 设计安全的登录认证系统 (2) 进行安全代码审查 (3) 检查 GDPR/隐私合规 (4) 防范常见安全漏洞 (OWASP Top 10) 时使用此 Skill。

seo-linkbuilding

155
from boshi-xixixi/TraeSkill

链接建设与社交 SEO 专家,擅长外链获取策略、社交媒体优化和品牌建设。适用于提升网站权威度、获取高质量反向链接和社交信号增强时使用。