---
title: "Cypress Component Testing Framework"
description: "Scaffolds Cypress component tests for React, Vue, and Angular apps using the Cypress CT mount API. Configures webpack/vite dev servers and generates snapshot-based visual assertions."
verification: "security_reviewed"
source: "https://github.com/cypress-io/cypress"
author: "Cypress.io"
category:
  - "Browser Automation"
framework:
  - "MCP"
tool_ecosystem:
  github_repo: "cypress-io/cypress"
  github_stars: 49609
  npm_package: "cypress"
  npm_weekly_downloads: 6921926
---

# Cypress Component Testing Framework

Scaffolds Cypress component tests for React, Vue, and Angular apps using the Cypress CT mount API. Configures webpack/vite dev servers and generates snapshot-based visual assertions.

## Prerequisites

Cypress, @cypress/react, @cypress/vue, @cypress/angular, @cypress/webpack-dev-server, @cypress/vite-dev-server

## Installation

Choose whichever fits your setup:

1. Copy this skill folder into your local skills directory.
2. Clone the repo and symlink or copy the skill into your agent workspace.
3. Add the repo as a git submodule if you manage shared skills centrally.
4. Install it through your internal provisioning or packaging workflow.
5. Download the folder directly from GitHub and place it in your skills collection.

Install command or upstream instructions:

```
npm install cypress --save-dev
```

## Documentation

- https://docs.cypress.io/app/component-testing/overview

## Source

- [Agent Skill Exchange](https://agentskillexchange.com/skills/cypress-component-testing-framework-2/)