cypress

Cypress testing patterns, custom commands, component testing, and CI integration.

509 stars

Best use case

cypress is best used when you need a repeatable AI agent workflow instead of a one-off prompt.

Cypress testing patterns, custom commands, component testing, and CI integration.

Teams using cypress should expect a more consistent output, faster repeated execution, less prompt rewriting.

When to use this skill

  • You want a reusable workflow that can be run more than once with consistent structure.

When not to use this skill

  • You only need a quick one-off answer and do not need a reusable workflow.
  • You cannot install or maintain the underlying files, dependencies, or repository context.

Installation

Claude Code / Cursor / Codex

$curl -o ~/.claude/skills/cypress/SKILL.md --create-dirs "https://raw.githubusercontent.com/a5c-ai/babysitter/main/library/specializations/web-development/skills/cypress/SKILL.md"

Manual Installation

  1. Download SKILL.md from GitHub
  2. Place it in .claude/skills/cypress/SKILL.md inside your project
  3. Restart your AI agent — it will auto-discover the skill

How cypress Compares

Feature / AgentcypressStandard Approach
Platform SupportNot specifiedLimited / Varies
Context Awareness High Baseline
Installation ComplexityUnknownN/A

Frequently Asked Questions

What does this skill do?

Cypress testing patterns, custom commands, component testing, and CI integration.

Where can I find the source code?

You can find the source code on GitHub using the link provided at the top of the page.

SKILL.md Source

# Cypress Skill

Expert assistance for E2E and component testing with Cypress.

## Capabilities

- Write E2E test scenarios
- Create custom commands
- Implement component testing
- Configure CI pipelines
- Handle authentication

## Test Patterns

```typescript
describe('User Authentication', () => {
  beforeEach(() => {
    cy.visit('/login');
  });

  it('should login successfully', () => {
    cy.get('[data-testid="email"]').type('user@example.com');
    cy.get('[data-testid="password"]').type('password123');
    cy.get('[data-testid="submit"]').click();
    cy.url().should('include', '/dashboard');
    cy.contains('Welcome').should('be.visible');
  });
});
```

## Custom Commands

```typescript
Cypress.Commands.add('login', (email, password) => {
  cy.session([email, password], () => {
    cy.visit('/login');
    cy.get('[data-testid="email"]').type(email);
    cy.get('[data-testid="password"]').type(password);
    cy.get('[data-testid="submit"]').click();
    cy.url().should('include', '/dashboard');
  });
});
```

## Target Processes

- e2e-testing
- component-testing
- ci-cd-setup