skills.rest
Automattic
AutomatticOFFICIAL
Explore all skills by this author →
Website𝕏@automatticengGitHub

design-qa

Automate visual QA and accessibility checks for replica WordPress sites.

31|3|Updated Mar 31, 2026
Search Tags:#accessibility#WordPress#QA automation#visual parity#site comparison
One-click install
npx skills add https://github.com/Automattic/data-liberation-agent --skill design-qa-automattic
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-qa
Source: https://github.com/Automattic/data-liberation-agent/tree/main/skills/design-qa
Command: npx skills add https://github.com/Automattic/data-liberation-agent --skill design-qa-automattic

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates the visual quality assurance and accessibility checks of replica WordPress sites, ensuring they match the source site's design and functionality while adhering to accessibility standards.

Core Features & Use Cases

  • Visual Parity Check: Compares replica site screenshots against source site for pixel-level consistency.
  • Responsiveness Validation: Ensures sites are responsive and reflow correctly on different devices.
  • Accessibility Compliance: Flags and logs accessibility issues, but does not auto-correct.
  • Escalation Ladder: Provides a structured approach to resolve discrepancies through multiple stages.
  • Operator Involvement: Allows human oversight and decision-making for complex issues.

Quick Start

Run the design-qa skill to initiate the visual quality assurance process for the replica site at 'https://example.com'.

Frequently Asked Questions about design-qa

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate visual parity checks for a replica WordPress site?▼

To automate visual parity checks for a replica WordPress site, you can run a QA automation process that compares screenshots against the source site to ensure pixel-level visual consistency.

Can I validate responsiveness and accessibility compliance on my WordPress replica?▼

Yes, you can validate responsiveness and accessibility compliance on your WordPress replica by running automated checks that verify device reflow and log accessibility issues for human review.

Does WordPress QA automation automatically fix accessibility issues it detects?▼

No, WordPress QA automation does not auto-correct accessibility issues; it strictly flags and logs the discrepancies, requiring operator involvement and human oversight to resolve complex problems.

What is the best way to handle visual discrepancies found during site comparison?▼

The best way to handle visual discrepancies found during site comparison is to use a structured escalation ladder that guides operators through multiple stages of verification and correction.

Do I need vision analysis tools to perform WordPress site comparison and QA?▼

Yes, you need vision analysis capabilities to perform WordPress site comparison and QA, as the process requires analyzing screenshots to ensure design consistency and validate visual responsiveness.

Related Skills

Explore More Software Engineering Skills→
adityaarsharmaadityaarsharma
2

orbit-fse-test

Validate theme.json structure and template hierarchy against WordPress Full-Site-Editing standards.

Community
Intermediate
The-Skyy-Rose-Collection-LLCThe-Skyy-Rose-Collection-LLC
3

Web Accessibility

Audit WordPress themes and web applications for WCAG 2.1 AA/AAA compliance.

Official
Advanced
richardaumrichardaum

design-review

Evaluate UI design implementation for visual hierarchy, consistency, responsiveness, and accessibility.

Community
Advanced
afonsoftafonsoft
1

web-design-reviewer

Inspect websites and fix responsive, accessibility, and visual issues in source code.

Community
Advanced