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
Decision gist · record as of 2026-07-24
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.
Use it when
- Yes, qe-visual-accessibility includes WCAG accessibility compliance validation and automated audit capabilities.
- qe-visual-accessibility provides responsive design testing by capturing viewport screenshots and validating responsive layout behavior.
Verify before relying
Read SKILL.md below before installing (4 files). Open directory: indexed for reading, not audited.
Install
proffesor-for-testing/agentic-qe/qe-visual-accessibility · repository language: TypeScript
Open directory. Skills are indexed for reading, not audited. Review a skill's body before installing it.
Frequently 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)
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
Let your AI agent find skills like this
Example. Real query, live index.
You found this page by searching. An agent finds it by wishing: SkillFed indexes 56,283 agent skills by what they can do, searchable in plain language.
wish › “Detect visual regressions and UI changes between environments”
Give your agent the search over MCP, or paste the wish link into any chat. No install? Search from any chat →
Related skills
This skill enables automated visual regression testing with built-in privacy safeguards. It captures UI changes across test runs while intelligently identifying and obscuring personally identifiable information, ensuring your test data remains secure. Perfect for teams that need quality assurance without compromising data protection.
compatibility-testing helps you systematically verify that web applications perform consistently across different browsers and device configurations. Run comprehensive validation checks to catch rendering issues and functional gaps before they reach users, ensuring a reliable experience for everyone.
This skill systematically audits your application's internationalization layer to catch untranslated content and locale-specific gaps before deployment. It integrates with Claude Code to scan codebases for hardcoded strings and verify that all user-facing text has proper translation coverage across your supported languages.
This skill provides automated accessibility validation aligned with WCAG 2.2 standards, helping teams systematically verify compliance and meet regulatory obligations. Built for quality engineering workflows, it integrates accessibility checks into your testing pipeline to catch barriers early and ensure your applications remain accessible to all users.
qe-a11y-ally provides automated accessibility auditing for web applications, checking against WCAG 2.2 standards through a coordinated suite of testing instruments. Run comprehensive scans on your pages to surface barriers that impact users with disabilities, then prioritize remediation efforts based on violation severity and scope.
This skill helps you maximize your website's discoverability by aligning technical SEO practices with how both AI systems and traditional search engines evaluate and rank content. It provides actionable guidance on crawlability, metadata optimization, and indexing strategies to ensure your site performs well across all discovery channels.