DEVSHAH110

Claude Playwright Kit — Testing skill for Claude Code

Testing community

This repository contains all the files for claude code setup for any general playwright automation framework.

How to install Claude Playwright Kit

This entry records only its repository, not the path inside it, so there is no exact command to give. Open DEVSHAH110/claude-playwright-kit and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude Playwright Kit does

This repository contains all the files for claude code setup for any general playwright automation framework.

Alternatives in Testing

Gstack — 15,000+ Garry Tan's exact Claude Code setup: 6 opinionated tools that serve as CEO, Eng Manager, Release Manag 33.9k ★
Playwright — claude-plugins-official Browser automation, E2E testing, screenshots 29.4k ★
Marketing Skills Versions — Current versions of all skills 13.8k ★

README

🎭 Playwright Test Automation Framework (CLAUDE SETUP)

A general-purpose, production-ready Playwright framework for **End-to-End (E2E)**, **UI**, and **API** testing — built with TypeScript, structured around the Page Object Model, and designed to scale across teams.

📁 Repository Structure

playwright-framework/
├── .github/                    # CI/CD workflows (GitHub Actions)
├── tests/
│   ├── e2e/                    # End-to-end UI tests
│   ├── api/                    # API tests
│   ├── components/             # Component-level tests
│   └── smoke/                  # Smoke test suite
├── pages/                      # Page Object Models (POM)
├── fixtures/                   # Custom Playwright fixtures
├── helpers/                    # Utility/helper functions
├── data/                       # Test data (JSON, CSV, factories)
├── config/                     # Environment configs
├── hooks/                      # Global before/after hooks
├── auth/                       # Saved authentication states
├── .env.example                # Environment variable template
├── playwright.config.ts        # Main Playwright configuration
├── CLAUDE.md                   # AI assistant context file
├── qaagents.md                 # QA agent personas & responsibilities
├── hooks.md                    # Hook lifecycle documentation
├── rules.md                    # Framework rules & coding standards
├── skills.md                   # Advanced testing techniques
├── commands.md                 # CLI commands reference
└── README.md                   # This file

🧰 Tech Stack

Tool	Purpose
Playwright	Core browser automation and test runner
TypeScript	Primary language for all test code
Node.js (v18+)	Runtime environment
dotenv	Environment variable management
Allure / HTML Reporter	Test reporting
ESLint + Prettier	Code quality and formatting