qa-screenshot-validation
QA Screenshot Validation Skill
Validate captured screenshots for layout correctness and handle masked or clipped elements.
Validation Process
After capturing each screenshot, evaluate it for:
- Element visibility - Is the target element fully visible?
- Layout integrity - Does the layout appear correct?
- Clipping/masking - Are elements unexpectedly cut off?
- Overlapping - Are elements overlapping incorrectly?
- Rendering issues - Missing images, broken icons, etc.
Common Issues to Detect
Masked/Clipped Elements
| Issue | Indicators | Action |
More from jpoutrin/product-forge
rfc-specification
RFC (Request for Comments) specification writing with objective technical analysis. Use when creating technical specifications, design documents, or architecture proposals that require structured evaluation of options and trade-offs.
11generate-tasks
Convert PRD to structured task list with automatic linking
6brainstorm-solution
Structured brainstorming for technical solutions
5typescript-import-style
Merge-friendly import formatting (one-per-line, alphabetical). Auto-loads when writing TypeScript/JavaScript imports to minimize merge conflicts in parallel development. Enforces consistent grouping and sorting.
5typescript-code-review
TypeScript and React code review guidelines (type safety, React patterns, performance). Auto-loads when reviewing TypeScript/React code.
5zod
Zod schema validation patterns and type inference. Auto-loads when validating schemas, parsing data, validating forms, checking types at runtime, or using z.object/z.string/z.infer in TypeScript.
5