Use recording-browser-flow-as-test: Walk through the process in the browser and automatically generate Playwright tests
# Introduction to `recording-browser-flow-as-test` in spencerpauly/awesome-cursor-skills: This tool allows users to walk through user workflows step-by-step using Cursor's built-in browser, record accessibility tree information via `browser_snapshot`, and then generate Playwright tests that use stable locators such as `getByRole` and `getByLabel`. This article verifies the installation commands, prerequisites, recording steps, assertion and hardening suggestions, as well as inapplicable scenarios such as 2FA and verification codes.
Read MoreAdding E2E Tests: Building Playwright End-to-End Tests from Scratch with Agent Skill
### 正式翻译: # Adding E2E Tests from awesome-cursor-skills: Teach AI Agents to Build Playwright E2E Testing from Scratch This tutorial covers end-to-end setup with Playwright: installing dependencies, configuring `playwright.config.ts`, writing smoke tests and Page Objects, supplementing npm scripts and `.gitignore`, integrating GitHub Actions CI, and emphasizes best practices for `data-testid` and Playwright Codegen. It explains the positioning of this skill, its differences from webapp-testing, installation methods for Cursor/Claude Code, and a seven-step implementation workflow, making it suitable for frontend and full-stack projects that have not yet adopted E2E testing.
Read MoreDrive Real Browsers via Terminal: Getting Started with OpenAI's Official Playwright Skill
OpenAI's featured Skill "playwright" wraps the Playwright Agent CLI into a terminal browser automation workflow: opening pages, taking snapshots to obtain element references, filling forms and clicking, taking screenshots, and debugging with Trace. Verified based on the official SKILL.md, this article introduces the installation methods (Codex skill-installer, Cursor .cursor/skills), the usage of the wrapper script, typical command examples, as well as precautions such as re-snapshotting when refs fail and not writing @playwright/test by default. It is suitable for E2E exploratory automation and UI process troubleshooting scenarios.
Read More