How do I run the tests after initialization?

The skill adds npm scripts to your package.json, allowing you to run tests using 'npm run test:e2e' or the built-in Playwright UI with 'npm run test:e2e:ui'.

Does this skill support TypeScript?

Yes, it automatically detects the presence of a tsconfig.json file and defaults to a TypeScript configuration, though it can also handle standard JavaScript projects.

Which frameworks are supported for specialized configuration?

The skill provides optimized, framework-aware configurations for Next.js, React (via Vite), Vue/Nuxt, and Angular.

Does it set up CI/CD workflows?

Yes, it identifies your CI provider (GitHub or GitLab) and generates a production-ready workflow file to run your tests on every push or pull request.

Will it overwrite my existing tests?

No, the skill checks for existing test directories and dependencies before installation to avoid overwriting your current work, focusing instead on missing infrastructure.

Playwright Init Pro

Name: Playwright Init Pro
Author: oabdelmaksoud

byoabdelmaksoud

0•

安全与测试

Automatically configures production-ready Playwright end-to-end testing environments tailored to your project's framework.

This skill streamlines the initialization of Playwright testing infrastructure by detecting your project's specific framework—such as Next.js, React, Vue, or Angular—and generating a customized, high-performance configuration. It automates the entire setup process, including package installation, best-practice folder structure creation (fixtures, pages, and test data), example test generation, and CI/CD workflow integration for GitHub Actions or GitLab. This ensures your project follows industry standards for browser automation and testing from day one.

主要功能

01Best-practice folder structure setup with Page Object Model placeholders

02Automated CI/CD workflow generation for GitHub and GitLab

03Integration of essential npm scripts for headless, UI, and debug modes

04Customized playwright.config.ts generation with optimized webServer settings

050 GitHub stars

06Automatic framework detection for Next.js, Vite, Angular, and Vue

使用场景

01Adding automated browser testing to a CI/CD pipeline

02Migrating an existing project to Playwright with standardized patterns

03Bootstrapping end-to-end testing for a new web application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw init

For use in Claude.ai and ChatGPT