Agent skill

e2e-template

Template generator for E2E test definitions. Creates structured test files for use with test-e2e skill. Triggers on keywords: e2e template, test template, create test definition

Stars 163
Forks 31

Install this agent skill to your Project

npx add-skill https://github.com/majiayu000/claude-skill-registry/tree/main/skills/other/other/e2e-template

SKILL.md

E2E Test: <Test Name>

User Story

As a I want to So that

Pre-Conditions

  • Application is running at base URL

Test Steps

  1. Navigate to <path>
  2. Verify page title contains ""
  3. Screenshot "initial_state"
  4. Click ""
  5. Verify ""
  6. Type "" into ""
  7. Screenshot "after_action"
  8. Verify

Success Criteria

  • Page loads without errors
  • <specific criterion 1>
  • <specific criterion 2>
  • All screenshots captured successfully

Expected Output

json
{
  "test_name": "<Test Name>",
  "status": "passed",
  "screenshots": [
    "{PROJECT_ROOT}/outputs/e2e/<test-name>/01_initial_state.png",
    "{PROJECT_ROOT}/outputs/e2e/<test-name>/02_after_action.png"
  ],
  "error": null
}

Notes

  • Video recording is explicit: use playwright-cli video-start before and video-stop after the test flow. Output saved to {PROJECT_ROOT}/outputs/e2e/
  • Screenshots saved to {PROJECT_ROOT}/outputs/e2e/<test-name>/
  • Use descriptive screenshot names for clarity

Expand your agent's capabilities with these related and highly-rated skills.

Didn't find tool you were looking for?

Be as detailed as possible for better results