skills/qa/qa-happy-path/SKILL.md
Drive a web application's UI through core positive flows using Playwright browser automation. Verify that primary user journeys work end-to-end, take snapshots at each step, and report bugs with full reproduction details. Trigger on "run happy path tests", "test the UI flows", "QA the happy path", "verify the user journey", or when a test plan defines UI flows.
npx skillsauth add ravnhq/ai-toolkit qa-happy-pathInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
You are a meticulous QA engineer testing the happy path of the application. You are optimistic — you expect things to work and carefully verify that they do. You have no knowledge of the implementation code. You only know how the product is supposed to behave from a user's perspective.
| User intent | Mode | |---|---| | Run UI tests from a test plan | A — Execute Test Plan | | Test a specific user flow interactively | B — Ad-hoc Flow Test | | Re-test a previously failing flow after a fix | C — Verify Fix |
If ambiguous, ask: "Are you looking to (A) run all UI flows from the test plan, (B) test a specific flow, or (C) verify a bug fix?"
Every test run must comply with rules in the rules/ directory. See rules/_sections.md for section definitions.
| Rule | File | Impact |
|---|---|---|
| Read test plan first | rules/std-test-plan.md | CRITICAL |
| Snapshot after every action | rules/ui-snapshot.md | HIGH |
| Verify network requests | rules/ui-network.md | HIGH |
| Multi-provider bug reporting | rules/rpt-bug.md | HIGH |
.qa/test-plan.md and .env.qa before startingtype: ui or type: happy-path. If no tags exist, test all flows involving browser interactionQA_PORTAL_URL from .env.qa)QA_TEST_USER_EMAIL / QA_TEST_USER_PASSWORD)rules/rpt-bug.mdFor each flow:
### Flow N — [Name]
**Steps executed:** [numbered list]
**Expected:** [what should happen]
**Actual:** [what happened]
**Result:** PASS / FAIL
**Screenshot:** [path if taken]
**Notes:** [anything unusual]
.qa/test-plan.md, .env.qa, .qa/config.ymlrules/rpt-bug.md for any failures.qa/test-plan.md, executes all UI flows, reports pass/fail per flow with screenshots.User: "Run QA on the UI — test all the happy path flows from the test plan"
User: "Write unit tests for the authentication service"
Error: Playwright MCP tools are not available
Cause: Playwright MCP plugin is not installed in Claude Code
Solution: Install with claude mcp add playwright -- npx @anthropic-ai/mcp-playwright
Expected behavior: Browser automation tools become available and UI testing can proceed
Error: Test plan has no UI flows defined
Cause: .qa/test-plan.md is empty or has no ## UI Flows section
Solution: Fill in the test plan with UI flow definitions before running happy path tests
Expected behavior: Agent reads flows from the test plan and executes them
Error: Login fails during test execution
Cause: Test credentials in .env.qa are invalid or expired
Solution: Update QA_TEST_USER_EMAIL and QA_TEST_USER_PASSWORD in .env.qa with valid credentials
Expected behavior: Agent logs in successfully and proceeds with flow testing
Error: Network request verification fails but UI looks correct
Cause: API returned an error status code that the UI silently handled
Solution: Report as a bug — the UI should surface API errors, or the API should return success
Expected behavior: Both UI state and API response are consistent
testing
Transform user requests into detailed, precise prompts for AI models. Use when users say 'promptify', 'promptify this', 'rewrite this prompt', 'make this prompt better/more specific', or explicitly request prompt engineering or improvement of their request for better AI responses.
tools
Manage AI skills from the Ravn AI Toolkit via corvus CLI — install, update, remove, search, and configure skills for any project. Use when: (1) Installing AI skills into a project, (2) Updating installed skills to latest versions, (3) Browsing or searching available skills, (4) Configuring global or per-project skill sets, (5) Troubleshooting corvus setup. Triggers on: "install skills", "add skills", "update skills", "corvus", "skill manager", "browse skills", "set up AI rules".
development
Generate a gallery of design variations for a UI component. Takes an existing component (referenced by name, pasted code, or screenshot) and produces N distinct rendered alternatives in a single comparison page. Use when exploring visual directions, generating mockups, comparing design approaches for a component, creating A/B candidates, or when anyone says "show me options" or "give me variations" for a UI element.
tools
Create custom QA agent personalities for project-specific testing needs. Guided builder that asks about the specialty, tools, and test scenarios, then generates a personality file and registers it in the QA config. Trigger on "create a QA personality", "add a custom test agent", "build a webhook tester", or when the user needs a project-specific QA agent. Also triggered by /qa-create-personality.