playwright

Automate browser interactions with persistent state for web testing and data capture.

Updated Aug 27, 2026
One-click install
npx skills add https://github.com/VitorAndTxr/Bioteca_Prism_InteroperableResearchInterfaceSystem --skill playwright-vitorandtxr
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: playwright
Source: https://github.com/VitorAndTxr/Bioteca_Prism_InteroperableResearchInterfaceSystem/tree/main/.claude/skills/playwright
Command: npx skills add https://github.com/VitorAndTxr/Bioteca_Prism_InteroperableResearchInterfaceSystem --skill playwright-vitorandtxr

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires playwright, and includes scripts (resource) components.

What problem does it solve?

This Skill automates browser interactions for testing and web tasks, with a persistent browser state across commands, reducing setup and repetitive work.

Core Features & Use Cases

  • Persistent browser session across commands to speed up multi-step tasks.
  • Element discovery & interaction via element refs captured by snapshot and used in subsequent commands.
  • Screenshots, PDF, and data capture for UI verification and reporting.
  • Use Case: QA teams can script end-to-end flows against a web app, reusing the same browser instance to save time and maintain context.

Quick Start

Install dependencies with npm install, then:

  • Navigate to a URL
  • Snapshot to get refs
  • Interact using refs (click, type, fill-form)
  • Capture a screenshot or PDF
  • Close the browser when done

Frequently Asked Questions about playwright

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate browser interactions with persistent state across multiple steps?

Persistent state automation maintains your browser session, element references, and storage across commands. Start by navigating to a URL, snapshot elements for refs, then reuse those refs in subsequent interactions like clicks and form fills without reinitializing the browser each time.

Can I use Playwright to capture screenshots and PDFs during end-to-end testing?

Yes. Playwright enables screenshot and PDF generation at any point in your test flow. After navigating and interacting with page elements, call screenshot or PDF capture to document UI state, then continue with additional steps or close the browser.

How do I discover and reference elements across multiple browser interactions?

Element discovery works through snapshots that capture element references into a persistent JSON file. Use those refs in subsequent commands to click, type, or fill forms without re-querying the DOM, speeding up multi-step workflows.

What's the best way to structure a QA workflow for multi-page web application testing?

Structure tests as sequential commands reusing a single browser instance and persistent element refs. Navigate pages, snapshot new elements as needed, interact via stored refs, capture verification screenshots or PDFs, and maintain context across the entire flow in one session.

Do I need to reinitialize the browser for each test step?

No. Persistent browser state stores your session, element refs, and storage state in JSON files (.browser-state.json, .element-refs.json, .storage-state.json), eliminating reinit overhead and allowing commands to chain without setup repetition.

How does element referencing reduce setup time in end-to-end testing?

Element refs captured once during a snapshot are reused across subsequent commands via stored JSON references. This eliminates repeated DOM queries and selector maintenance, letting you focus on interaction logic instead of element discovery on every step.