Perform exploratory QA testing on web applications using Playwright. Navigate flows, analyze pages, find issues, and generate actionable reports with evidence.
/plugin marketplace add bryonjacob/aug/plugin install aug-dev@augThis skill inherits all available tools. When active, it can use any tool Claude has access to.
Autonomous exploratory testing using Playwright to analyze web application flows, identify issues, and generate actionable reports.
/tmp/webqa/{session-id}/
session.md # Session context and scope
report.md # Human-readable findings
report.json # Machine-readable for automation
screenshots/ # Visual evidence
metadata.json # Session info, status
All ephemeral. Output feeds into /plan-chat or /plan-breakdown.
/tmp/webqa/{session-id}/ directorysession.md with scopeIf user provides specific flow:
If open-ended exploration:
For each waypoint:
report.md (human-readable)report.json (machine-readable)metadata.json with final statusAt each waypoint, systematically check:
<script>, quotes, unicodeid: ISSUE-001
severity: critical | high | medium | low | note
category: bug | ux | accessibility | edge-case | visual
page: /path/to/page
title: "Short description"
description: |
Detailed explanation of the issue.
steps_to_reproduce:
- Step 1
- Step 2
expected: "What should happen"
actual: "What actually happens"
screenshot: "screenshots/issue-001.png"
suggested_test: |
test('description', async ({ page }) => {
// Playwright test code
});
report.md)# QA Exploration Report
**Scope**: {DESCRIPTION}
**Date**: {TIMESTAMP}
**Duration**: {TIME}
**Waypoints**: {VISITED}/{TOTAL} completed
## Summary
| Severity | Count |
|----------|-------|
| Critical | 0 |
| High | 1 |
| Medium | 3 |
| Low | 2 |
| Notes | 2 |
---
## Issues
### {SEVERITY}-001: {TITLE}
**Severity**: {SEVERITY}
**Category**: {CATEGORY}
**Page**: {PATH}
**Screenshot**: 
#### Description
{DETAILED_DESCRIPTION}
#### Steps to Reproduce
1. {STEP}
2. {STEP}
#### Expected
{EXPECTED_BEHAVIOR}
#### Actual
{ACTUAL_BEHAVIOR}
#### Suggested Test
```typescript
{PLAYWRIGHT_TEST}
| Waypoint | Status | Issues | Time |
|---|---|---|---|
| {NAME} | {STATUS} | {COUNT} | {TIME} |
{RECOMMENDATIONS_FOR_FOLLOW_UP}
Continue with:
/plan-chat - Design fixes for critical/high issues/plan-breakdown - Create tasks directly from this report
## Metadata Output (`metadata.json`)
```json
{
"session_id": "{session-id}",
"scope": "{DESCRIPTION}",
"status": "complete",
"created": "YYYY-MM-DDTHH:MM:SSZ",
"duration_seconds": 525,
"waypoints_total": 5,
"waypoints_completed": 5,
"issues": {
"critical": 0,
"high": 1,
"medium": 3,
"low": 2,
"note": 2
}
}
Feeds into:
/plan-chat - When issues need architectural discussion/plan-breakdown - When ready to create fix tasks directlySession artifacts:
session.md - Context for planning commandsreport.md - Full findings for reviewreport.json - Structured data for automationBefore marking session complete:
This skill should be used when the user asks to "create a slash command", "add a command", "write a custom command", "define command arguments", "use command frontmatter", "organize commands", "create command with file references", "interactive command", "use AskUserQuestion in command", or needs guidance on slash command structure, YAML frontmatter fields, dynamic arguments, bash execution in commands, user interaction patterns, or command development best practices for Claude Code.
This skill should be used when the user asks to "create an agent", "add an agent", "write a subagent", "agent frontmatter", "when to use description", "agent examples", "agent tools", "agent colors", "autonomous agent", or needs guidance on agent structure, system prompts, triggering conditions, or agent development best practices for Claude Code plugins.
This skill should be used when the user asks to "create a hook", "add a PreToolUse/PostToolUse/Stop hook", "validate tool use", "implement prompt-based hooks", "use ${CLAUDE_PLUGIN_ROOT}", "set up event-driven automation", "block dangerous commands", or mentions hook events (PreToolUse, PostToolUse, Stop, SubagentStop, SessionStart, SessionEnd, UserPromptSubmit, PreCompact, Notification). Provides comprehensive guidance for creating and implementing Claude Code plugin hooks with focus on advanced prompt-based hooks API.