DEVSHAH110

Claude Playwright Kit

Name: Claude Playwright Kit
Author: DEVSHAH110

Testing community

SOURCE https://github.com/DEVSHAH110/claude-playwright-kit

Description

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

Installation

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

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