Does it install browser binaries?

Yes, the skill handles the installation of the @playwright/test package and the necessary browser binaries for Chromium, Firefox, and WebKit.

Does this skill support TypeScript?

Yes, the skill automatically detects the presence of a tsconfig.json file and configures Playwright for TypeScript by default if found.

Where are the tests stored?

By default, it creates a standardized /e2e folder structure containing subdirectories for fixtures, page object models, and test data.

Which web frameworks are supported?

It provides specialized configurations for Next.js, React (Vite), Vue/Nuxt, Angular, and Svelte, as well as a generic setup for other environments.

Can it configure CI/CD automatically?

Yes, it detects your repository provider and can generate GitHub Actions (playwright.yml) or update GitLab CI configurations.

Playwright Project Initializer

Name: Playwright Project Initializer
Author: oabdelmaksoud

byoabdelmaksoud

0•

安全与测试

Automates the setup of production-ready Playwright end-to-end testing environments tailored to your project's framework.

This skill streamlines the initialization of Playwright for modern web projects by automatically detecting your framework—such as Next.js, React, Vue, or Angular—and configuring the environment accordingly. It handles the entire setup lifecycle, including dependency installation, optimized configuration generation, standardized folder structures, and example tests. Additionally, it integrates CI/CD workflows for GitHub Actions or GitLab, ensuring your testing infrastructure is ready for professional deployment from day one without the manual overhead of manual configuration.

主要功能

010 GitHub stars

02Standardized directory structure including Page Object Models and fixtures

03Automatic npm script additions and .gitignore updates

04Automatic detection of frameworks like Next.js, Vite, Vue, and Angular

05Tailored Playwright configuration generation with webServer integration

06Automated CI/CD workflow generation for GitHub Actions and GitLab

使用场景

01Bootstrapping E2E testing for a new Next.js or Vite-based frontend project

02Quickly adding browser automation tests to an existing web application

03Migrating a project to a standardized testing infrastructure with CI/CD integration

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add oabdelmaksoud/superclaw init

For use in Claude.ai and ChatGPT