skills.rest
zhangzhang-111-i
zhangzhang-111-iCOMMUNITY
Explore all skills by this author →
GitHub

init

Automates Playwright setup with framework detection and CI workflows.

2|Updated Mar 13, 2026
Search Tags:#typescript#ci/cd#test automation#web development#javascript#playwright#e2e testing
One-click install
npx skills add https://github.com/zhangzhang-111-i/claude-skills111 --skill init-zhangzhang-111-i
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: init
Source: https://github.com/zhangzhang-111-i/claude-skills111/tree/main/engineering-team/playwright-pro/skills/init
Command: npx skills add https://github.com/zhangzhang-111-i/claude-skills111 --skill init-zhangzhang-111-i

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the setup of a Playwright testing environment, ensuring a consistent and production-ready configuration for end-to-end testing in your project.

Core Features & Use Cases

  • Automated Installation: Installs Playwright and necessary dependencies.
  • Framework Detection: Detects project framework (React, Next.js, Vue, Angular, Svelte) to generate appropriate configuration.
  • Configuration Generation: Creates playwright.config.ts with sensible defaults.
  • Folder Structure: Sets up standard directories for tests, pages, and fixtures.
  • Example Test: Generates a basic test to verify setup.
  • CI Integration: Creates a GitHub Actions workflow for running tests on CI.
  • npm Scripts: Adds helpful scripts to package.json for running tests.

Quick Start

Use the init skill to set up Playwright in your project.

Frequently Asked Questions about init

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

FAQPage Schema
How do I set up Playwright for E2E testing in a TypeScript project?▼

To set up Playwright for E2E testing, the init skill automates installation and generates a tailored `playwright.config.ts`, standard directories, and example tests for TypeScript projects.

Can I automatically configure Playwright CI workflows for my web development project?▼

Yes, you can configure Playwright CI workflows automatically. The setup generates a GitHub Actions workflow to run your end-to-end tests seamlessly within your software project.

Does the Playwright setup support React, Next.js, and Vue frameworks?▼

Yes, the Playwright setup supports React, Next.js, Vue, Angular, and Svelte. It detects your project framework to generate appropriate configuration files and folder structures.

What is the best way to organize Playwright test automation folders and fixtures?▼

The best way to organize Playwright test automation is using automated setup, which creates standard directories for tests, pages, and fixtures to ensure a consistent project structure.

How do I add npm scripts to run Playwright tests in JavaScript projects?▼

To add npm scripts for Playwright tests, the setup automatically integrates with your `package.json`, adding helpful commands to manage and execute test automation in JavaScript projects.

Related Skills

Explore More Software Engineering Skills→
twillcockstwillcocks

portal-setup

Initialize a Showpane workspace by installing dependencies and applying the SQLite Prisma schema.

Community
Advanced
JordiNodeJSJordiNodeJS

testing-automation

Automate unit, integration, component, and E2E testing for Next.js 16 projects.

Community
Advanced
hffmnnjhffmnnj
39

testing

Automate unit, integration, and E2E tests in JavaScript/TypeScript projects.

Community
Intermediate
Tony363Tony363
19

sc-e2e

Automate end-to-end testing workflows for web applications across Playwright, Cypress, and Selenium.

Community
Advanced