brainstorming-and-plan…
Use before ANY creative work — creating features, building components, adding functionality, modifying behavior, or starting a new project. Also use when…
Master orchestrator skill that kicks off the full development pipeline. Routes tasks through the correct skill chain (brainstorm, debug, tdd, e2e, verify) based on task type. Guarantees testing.md exists, Playwright E2E tests are written, and nothing is claimed done without
$ npx -y skills add burhankhatri/e2e-testing --skill start --agent claude-codeHow it fires
How this skill gets triggered: by you, by Claude, or both.
/startContext preview
The summary Claude sees to decide when to auto-load this skill.
Master orchestrator skill that kicks off the full development pipeline. Routes tasks through the correct skill chain (brainstorm, debug, tdd, e2e, verify) based on task type. Guarantees testing.md exists, Playwright E2E tests are written, and nothing is claimed done without
name: start description: "Master orchestrator skill that kicks off the full development pipeline. Routes tasks through the correct skill chain (brainstorm, debug, tdd, e2e, verify) based on task type. Guarantees testing.md exists, Playwright E2E tests are written, and nothing is claimed done without verification. Use when starting any new task, feature, bugfix, or refactor."
> One command to rule them all. Routes your task through the right skills, guarantees test infrastructure, and won't let you claim done without proof.
/start <task description>
You MUST follow this sequence exactly. No shortcuts. No skipping steps.
---
**This step runs EVERY time, before anything else. Do NOT skip any sub-step.**
Check if `testing.md` exists at the project root.
**If it does NOT exist:**
1. Explore the project to discover:
2. Create `testing.md` using the template below, filled in with **real values from this project**:
# Testing Guide ## Environment Setup - Package manager: [detected] - Required env vars: [list with descriptions] - Database: [commands to start/seed test DB, or "none"] - Services: [docker-compose, external APIs, or "none"] ## Running Tests ### Unit Tests Command: `[detected or recommend]` Location: `tests/unit/` ### Integration Tests Command: `[detected or recommend]` Location: `tests/integration/` ### E2E Tests (Playwright) Command: `npx playwright test` Setup: `npx playwright install chromium` Base URL: `[detected from config or recommend]` Location: `tests/e2e/` ## Debugging Failed Tests - Single test: `[framework-specific command]` - Headed browser: `npx playwright test --headed` - Traces: `npx playwright show-trace test-results/*/trace.zip`
3. **Install Playwright if not already installed.** This is NOT optional. Run:
npm install -D @playwright/test && npx playwright install chromium
4. **Create `playwright.config.ts` if it doesn't exist.** Use the config template from `/e2e-playwright`. 5. **Create `tests/e2e/` directory** if it doesn't exist. 6. **Create CI so the suite runs without anyone remembering.** Rules written in prompts evaporate between sessions — CI is the enforcement. (This step exists because an audited project carried a red test for a month; nothing was running the suite.) Write `.github/workflows/tests.yml`, adjusting env vars per `testing.md`:
name: tests
on: [push, pull_request]
jobs:
tests:
runs-on: ubuntu-latest
steps:
- uses: actions/checkout@v4
- uses: actions/setup-node@v4
with: { node-version: 20, cache: npm }
- run: npm ci
- run: npm run test:run --if-present # unit + integration
- run: npx playwright install --with-deps chromium
- run: npx playwright test
- name: Fail on permanently-skipped tests
run: |
if grep -rnE "test\.skip\(true|it\.skip\(true|describe\.skip\(true" tests/ src/ 2>/dev/null; then
echo "Permanently skipped tests found — skipped is failing"; exit 1
fi7. Commit: `git commit -m "chore: add test infrastructure (testing.md, playwright, CI)"`
**If it exists:** Read it. Then verify Playwright is installed (`npx playwright --version`) — if not, install it now. Then verify `.github/workflows/tests.yml` exists — if not, create it now (sub-step 6) before proceeding.
---
Read CLAUDE.md. Classify the task as one of:
| Type | Route | Next step | |------|-------|-----------| | **feature** | New functionality or significant change | Step 2 (Design) | | **bugfix** | Something is broken | Step 3 (use `/debug` first) | | **refactor** | Restructure without behavior change | Step 4 (write tests for existing behavior first) | | **e2e-only** | Only adding/fixing E2E tests | Step 5 |
---
Run `/brainstorm-and-plan` with the task description.
After approval, proceed to Step 4.
---
Run `/debug` to investigate the bug.
---
Run `/tdd` for every implementation step.
For each piece of work: 1. Write a failing test 2. Run it — confirm RED 3. Write minimal code to pass 4. Run it — confirm GREEN 5. Refactor if needed 6. Commit with conventional commit message
**Commit after every green cycle**, not at the end.
**Test Debt Handoff — before moving to Step 5:**
Review the `/tdd` Behavior Coverage Checklist. List every E2E test owed:
E2E debts from Step 4: - [ ] [describe the user workflow that needs an E2E test] - [ ] [describe the nav change that needs a navigation test] - [ ] [describe the bug fix that needs a browser-level regression test]
Carry this list into Step 5. Every item MUST be covered before Step 6.
---
╔══════════════════════════════════════════════════════════════════╗ ║ THIS STEP IS MANDATORY. YOU MUST NOT SKIP IT. ║ ║ ║ ║ "Playwright is not installed" → INSTALL IT (Step 0 should ║ ║ have done this — if it didn't, install it now). ║ ║ ║ ║ "It would require significant setup" → THAT IS THE WORK. ║ ║ Do the setup. Tha
A set of 8 global skills for Claude Code that enforce disciplined, test-driven agentic development. Install once, use in any project.
Repo: burhankhatri/e2e-testing
Use before ANY creative work — creating features, building components, adding functionality, modifying behavior, or starting a new project. Also use when…
Use when a major project step has been completed and needs review against the plan and coding standards. Also use when someone says 'review this', 'check my…
Battle-tested Playwright E2E testing patterns for Next.js/React apps. Use when writing, running, debugging, or fixing Playwright tests. Also triggers on 'e2e',…
Use when encountering ANY bug, test failure, unexpected behavior, or error — before proposing fixes. Also use when someone says 'fix this', 'it's broken', 'not…
Enforces strict test-driven development. Use when implementing ANY feature, bugfix, or refactor — before writing implementation code. Also use when someone…
Use when you need to autonomously iterate through test-fix cycles without human intervention. Use when someone says 'make it work', 'run tests and fix',…