AgentSkillsCN

playwright-example

具备网页测试、数据抓取与交互能力的浏览器自动化技能。适用于端到端测试、截屏以及各类浏览器自动化任务。

SKILL.md
--- frontmatter
name: playwright-example
description: Browser automation skill for web testing, scraping, and interaction. Use for end-to-end testing, screenshots, and browser automation tasks.
argument-hint: describe what you want to do (e.g., "take a screenshot of homepage", "test login flow", "fill out a form")
mcp:
  playwright:
    command: ["npx", "-y", "@playwright/mcp@latest"]

Playwright Browser Automation

This skill provides browser automation capabilities via the Playwright MCP server.

Available Operations

The Playwright MCP provides tools for:

  • •Navigation: Navigate to URLs, go back/forward, reload pages
  • •Screenshots: Capture full page or element screenshots
  • •Interactions: Click, type, select, hover, and other user interactions
  • •Forms: Fill out forms, submit data, handle file uploads
  • •Assertions: Wait for elements, check visibility, verify content
  • •Scraping: Extract text, attributes, and data from pages

Usage Guidelines

  1. •

    End-to-End Testing:

    • •Automate user flows and verify functionality
    • •Test authentication flows
    • •Validate form submissions
  2. •

    Screenshots & Visual Testing:

    • •Capture screenshots for documentation
    • •Compare visual states before/after changes
    • •Debug UI issues
  3. •

    Web Scraping:

    • •Extract data from web pages
    • •Navigate through paginated content
    • •Handle dynamic content loading
  4. •

    Form Automation:

    • •Fill and submit forms
    • •Handle multi-step wizards
    • •Test validation behavior

Example Tasks

  • •"Navigate to the login page and take a screenshot"
  • •"Fill out the registration form with test data"
  • •"Click the submit button and wait for the success message"
  • •"Extract all product names from the catalog page"
  • •"Test the checkout flow from cart to confirmation"
  • •"Take a screenshot of the dashboard after logging in"