cypress-author

Creates, updates, and fixes Cypress E2E and component test specs.

5|Updated Feb 15, 2026
One-click install
npx skills add https://github.com/sujaykundu777/mission-control --skill cypress-author-sujaykundu777
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: cypress-author
Source: https://github.com/sujaykundu777/mission-control/tree/main/.github/skills/cypress-author
Command: npx skills add https://github.com/sujaykundu777/mission-control --skill cypress-author-sujaykundu777

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve? Writing and maintaining Cypress tests requires knowing project conventions, selector strategies, async pitfalls, and version-specific APIs. This Skill guides an AI agent through a structured flow to author, update, or repair Cypress E2E and component tests that match your project's existing style and configuration. ## Core Features & Use Cases - Structured Task Identification: Classifies requests as CREATE, UPDATE, or FIX and determines spec path, test target, and test type (E2E vs Component) before writing code. - Convention-Aware Authoring: Reads your Cypress config, support files, package.json, and existing specs to match formatting, language (TypeScript/JavaScript), custom commands, and fixtures. - Best-Practice Enforcement: Applies rules for stable selectors, deterministic waits (no arbitrary cy.wait), state setup via cy.request/cy.session, and safe async patterns. - Use Case: Ask to "add tests for the login form validation" and the Skill locates or creates the right spec, reuses existing helpers, and writes tests with explicit assertions matching your project conventions. ## Quick Start Ask the agent to create Cypress tests for a specific file or component, or to fix a failing spec, and provide the spec path or let it infer one from your project layout.

Frequently Asked Questions about cypress-author

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create Cypress tests for a React component?

Request component tests and the Skill classifies the task as CREATE with type CT, placing specs under paths like cypress/component/**/*.cy.tsx. It reviews your Cypress config, support file, and existing component tests to match mounting patterns and conventions.

How to fix a flaky Cypress test?

Provide the spec path and describe the failure, and the Skill runs a FIX task targeting that test. It replaces arbitrary waits with cy.intercept aliases or retrying assertions, stabilizes selectors, and removes unsafe async/await patterns that cause flakiness.

What is the difference between Cypress E2E and component tests?

E2E tests live in cypress/e2e and cover full user journeys, URLs, auth, and cross-origin navigation. Component tests mount isolated React, Vue, or Angular components without routing or network, typically under cypress/component with .cy.jsx or .cy.tsx extensions.

Can I use async/await in Cypress tests?

Cypress uses a command queue and is not Promise-based, so mixing async/await with cy commands causes errors like commands still in queue after test finished. Stay within Cypress chains or return Promises explicitly without combining them with cy commands.

When should I use cy.prompt in Cypress tests?

Use cy.prompt when the project runs Cypress 15.4.0 or newer, is connected to Cypress Cloud with a projectId, and the user wants natural-language or self-healing steps. Avoid it for offline testing, older Cypress versions, or when experimentalPromptCommand is disabled.