Cypress Playwright Setup

What it does

This skill automates the setup of Cypress and Playwright, popular JavaScript testing frameworks. It handles installation of dependencies, configuration file generation, and initial project scaffolding to get you started quickly with end-to-end or component testing. The skill simplifies a complex process, allowing users to focus on writing tests rather than managing tooling.

When to use it

• You're starting a new JavaScript project and need to set up Cypress for end-to-end testing.
• You want to integrate Playwright into an existing project for component or e2e testing.
• You’re unfamiliar with the setup process for either Cypress or Playwright and want a streamlined solution.
• You need to quickly create a test environment without manual configuration steps.

Key capabilities

• Installs Cypress and/or Playwright dependencies.
• Generates initial project configuration files.
• Scaffolds basic project structure.

Example prompts

• "Set up Cypress for my new React project."
• "Install Playwright and create a sample test file."
• “Configure Cypress with Chrome browser.”

Tips & gotchas

This skill assumes you have Node.js and npm (or yarn) installed on your system. The specific configuration options available may depend on the versions of Cypress and Playwright supported by the skill.