qe-visual-accessibility
This skill enables automated visual regression detection and accessibility validation across different environments. It integrates with Claude Code to identify UI changes, layout shifts, and accessibility issues before they reach production, helping teams maintain consistent visual quality and compliance standards.
qe-visual-accessibility enables automated visual regression detection to identify UI changes between environments before they reach production. The skill integrates with Claude Code to perform screenshot comparison and pixel diff analysis, helping teams maintain consistent visual quality across deployments and catch unintended layout shifts or styling changes.
AI-generated summary based on this skill's SKILL.md
Install
proffesor-for-testing/agentic-qe/qe-visual-accessibility · repository language: TypeScript
git clone https://github.com/proffesor-for-testing/agentic-qe
cp -r agentic-qe/.claude/skills/qe-visual-accessibility ~/.claude/skills/qe-visual-accessibilityFrequently asked questions
AI-generated answers based on this skill's SKILL.md and metadata
What does qe-visual-accessibility do for visual regression testing?
qe-visual-accessibility enables automated visual regression detection to identify UI changes between environments before they reach production. The skill integrates with Claude Code to perform screenshot comparison and pixel diff analysis, helping teams maintain consistent visual quality across deployments and catch unintended layout shifts or styling changes.
Can qe-visual-accessibility validate WCAG compliance and audit violations?
Yes, qe-visual-accessibility includes WCAG accessibility compliance validation and automated audit capabilities. The skill can verify WCAG 2.2 compliance, check color contrast ratios, test keyboard navigation, assess screen reader compatibility, and identify accessibility violations—enabling teams to maintain standards and catch issues before production.
How does qe-visual-accessibility support responsive design testing across multiple viewports and devices?
qe-visual-accessibility provides responsive design testing by capturing viewport screenshots and validating responsive layout behavior across different screen sizes and devices. This allows teams to verify that UI elements render correctly and maintain visual consistency across multiple viewport configurations.
Does qe-visual-accessibility compare rendering consistency across different browsers?
Yes, qe-visual-accessibility supports cross-browser visual testing to compare rendering consistency across different browsers. The skill helps identify browser-specific visual discrepancies and ensures that UI components display correctly regardless of which browser users access the application from.
Can qe-visual-accessibility automate visual and accessibility testing in CI/CD pipelines?
qe-visual-accessibility is designed to integrate with CI/CD pipelines for automated visual and accessibility testing. The skill enables teams to embed visual regression detection, accessibility audits, and compliance checks into their deployment workflows, catching issues automatically before code reaches production.
What license does qe-visual-accessibility use?
qe-visual-accessibility is released under the MIT license, making it freely available for both commercial and personal use with minimal restrictions on modification and distribution.
SKILL.md
rendered from the published skill — quoted content, verbatim
QE Visual Accessibility
Purpose
Guide the use of v3's visual and accessibility testing capabilities including screenshot comparison, responsive design validation, and WCAG 2.2 compliance verification.
Activation
- When testing visual appearance
- When validating responsive design
- When checking accessibility compliance
- When detecting visual regressions
- When testing cross-browser rendering
Quick Start
```bash
Visual regression test
aqe visual test --baseline production --current staging
Responsive design test
aqe visual responsive --url https://example.com --viewports all
Accessibility audit
aqe a11y audit --url https://example.com --standard
(truncated - see the full file via the links below)
Read as markdown · JSON record · Browse the source repository
File tree — 4 files
.claude/skills/qe-visual-accessibility/SKILL.md
.claude/skills/qe-visual-accessibility/evals/qe-visual-accessibility.yaml
.claude/skills/qe-visual-accessibility/schemas/output.json
.claude/skills/qe-visual-accessibility/scripts/validate-config.json